1. 不要忘結束標籤
<p>This is a paragraph
<p>This is a paragraph
未來的HTML版本不允許省略結束標籤。
2. 沒有內容的HTML內容稱爲空元素,此類元素在開始標籤中關閉。
3. HTML使用小寫標籤
HTML大小寫不敏感:<p>等同於<P>;但是萬維網聯盟在HTML4中推薦使用小寫,未來(X)HTML版本中強制使用小寫。
4. HTML鏈接由<a>標籤定義。鏈接的地址在href屬性中指定
<a href="http://www.google.com">link</a>
5. 標題
<h1 align="center"></h1> 居中標題
<h1>最大標題,<h6>最小標題
只用於標題,不做產生粗大字體使用
6. HTML圖像
<img src="1.png" width="104" height="142" />
7. 始終未屬性值加引號
屬性值應該始終被包含在引號內。雙引號是最常用的,不過使用單引號也沒有問題。在某些個別情況下,比如屬性值本身就含有雙引號,那麼您必須使用單引號。
8. <body>HTML文檔的主體
<body bgcolor="yellow">設置主體背景顏色
9. HTML水平線標籤<hr/>來分隔文章中的小節是一個辦法
10. <p>標籤定義段落。
瀏覽器會自動在段落的前後添加空行。使用空的段落標記<p></p>插入空行是個壞習慣。使用<br/>
11. <br/>是一個空的html元素,沒有結束標籤。不建議使用<br>,雖然其在所有瀏覽器中顯示沒有問題,<br/>是長遠的保障。
12. 文本格式化標籤
<b>This text is bold</b> <!-- 定義粗體文字 -->
<strong>This text is strong</strong> <!-- 定義加重語氣 -->
<big>This text is big</big> <!-- 定義大號字 -->
<em>This text is emphasized</em> <!-- 定義着重文字 -->
<i>This text is italic</i> <!-- 定義斜體字 -->
<small>This text is small</small> <!-- 定義小號字 -->
This text contains
<sub>subscript</sub> <!-- 定義下標字 -->
This text contains
<sup>superscript</sup> <!-- 定義上標字 -->
<ins>This text is inserted</ins> <!-- 定義插入文字 -->
<del>This text is deleted</del> <!--定義刪除文字-->
13. HTML的style屬性
提供了一種改變所有HTML元素的樣式的通用方法,一種新的首選的改變HTML元素樣式的方式。通過HTML樣式,能夠通過使用style屬性直接將樣式添加到HTML元素,或者間接的獨立的樣式表中進行定義。
14. 錨標籤和href屬性
<a>用來創建錨,href屬性用於定位需要鏈接的文檔,錨的開始標籤和結束標籤之間的文字被作爲超級鏈接來顯示。
target屬性可以定義被鏈接的文檔在何處顯示。
Name屬性用於創建被命名的錨。當使用命名錨時,我們可以創建直接跳轉至頁面中某個節的鏈接。
15. 列表
無序列表是一個項目的列表,使用粗體圓點進行標記。始於<ul>標籤。 每個列表項始於<li>。
有序列表也是一列項目,列表項目使用數字進行標記。始於<ol>標籤。每個列表項始於<li>。
自定義列表<dl>標籤開始。每個自定義列表項以<dt>開始。每個自定義列表項的定義以<dd>開始。
16. 表單
表單是一個包含表單元素的區域。
表單元素是允許用戶在表單中輸入信息的元素。
表單使用表單標籤<form>定義
type的值定義輸入組件類型
a. text文本域
b. radio單選按鈕
c. checkboxes複選框
d. action表單的動作屬性和確認按鈕