w3cschool學習html筆記
阿新 • • 發佈：2019-01-08
連結的 HTML 程式碼很簡單。它類似這樣：:
<a href="url">Link text</a>
預設的被連結文件會在原有的視窗中開啟的。如果將 target 屬性設定為 "_blank" 則文件就會在新視窗開啟。
HTML 區塊元素
大多數 HTML 元素被定義為塊級元素或內聯元素。
塊級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。
例項: <h1>, <p>, <ul>, <table>
HTML 內聯元素
內聯元素在顯示時通常不會以新行開始。
例項: <b>, <td>, <a>, <img>
URL - 統一資源定位器
Web瀏覽器通過URL從Web伺服器請求頁面。
當您點選 HTML 頁面中的某個連結時，對應的 <a> 標籤指向全球資訊網上的一個地址。
一個統一資源定位器(URL) 用於定位全球資訊網上的文件。
一個網頁地址例項: //www.w3cschool.cn/html/html-tutorial.html 語法規則:
scheme://host.domain:port/path/filename
說明:
-
-
scheme - 定義因特網服務的型別。最常見的型別是 http
-
host - 定義域主機（http 的預設主機是 www）
-
domain - 定義因特網域名，比如 w3cschool.cn
-
:port - 定義主機上的埠號（http 的預設埠號是 80）
-
path - 定義伺服器上的路徑（如果省略，則文件必須位於網站的根目錄中）。
-
filename - 定義文件/資源的名稱
-
常用
HTML 速查列表
由 akuny 建立，Carrie 最後一次修改 2015-09-19
HTML 速查列表
HTML 速查列表. 你可以列印它，以備日常使用。
HTML 基本文件
<!DOCTYPE html> <html> <head> <title>文件標題</title> </head> <body> 可見文字... </body> </html>
基本標籤（Basic Tags）
<h1>最大的標題</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>最小的標題</h6> <p>這是一個段落。</p> <br> （換行） <hr> （水平線） <!-- 這是註釋 -->
文字格式化（Formatting）
<b>粗體文字</b> <code>計算機程式碼</code> <em>強調文字</em> <i>斜體文字</i> <kbd>鍵盤輸入</kbd> <pre>預格式化文字</pre> <small>更小的文字</small> <strong>重要的文字</strong> <abbr> （縮寫） <address> （聯絡資訊） <bdo> （文字方向） <blockquote> （從另一個源引用的部分） <cite> （工作的名稱） <del> （刪除的文字） <ins> （插入的文字） <sub> （下標文字） <sup> （上標文字）
連結（Links）
普通的連結：<a href="連結地址">連結文字</a> 影象連結： <a href="http://www.example.com/"><img src="URL" alt="替換文字"></a> 郵件連結： <a href="mailto:[email protected]">傳送e-mail</a> 書籤： <a id="tips"> 提示部分</a> <a href="#tips">跳到提示部分</a>
圖片（Images）
<img src="URL" alt="替換文字" height="42" width="42">
樣式/區塊（Styles/Sections）
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>文件中的塊級元素</div>
<span>文件中的內聯元素</span>
無序列表
<ul> <li>專案</li> <li>專案</li> </ul>
有序列表
<ol> <li>第一項</li> <li>第二項</li> </ol>
定義列表
<dl> <dt>專案 1</dt> <dd>描述專案 1</dd> <dt>專案 2</dt> <dd>描述專案 2</dd> </dl>
表格（Tables）
<table border="1"> <tr> <th>表格標題</th> <th>表格標題</th> </tr> <tr> <td>表格資料</td> <td>表格資料</td> </tr> </table>
框架（Iframe）
<iframe src="demo_iframe.htm"></iframe>
表單（Forms）
<form action="demo_form.php" method="post/get"> <input type="text" name="email" size="40" maxlength="50"> <input type="password"> <input type="checkbox" checked="checked"> <input type="radio" checked="checked"> <input type="submit" value="Send"> <input type="reset"> <input type="hidden"> <select> <option>蘋果</option> <option selected="selected">香蕉</option> <option>櫻桃</option> </select> <textarea name="comment" rows="60" cols="20"> </textarea> </form>
實體（Entities）
< 等同於 < > 等同於 > © 等同於 ©