2017-08-30
摘抄自W3school-HTML元素
希望幫助自己系統(tǒng)地打好基礎(chǔ)晴埂，也能在做筆記的同時(shí)添加一些自己額外的收獲众羡。
HTML 文檔是由 HTML 元素定義的始衅。
HTML 元素
HTML 元素指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼
| 開始標(biāo)簽 | 元素內(nèi)容 | 結(jié)束標(biāo)簽 |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm" > | This is a link | </a> |
| <br /> |
注釋：開始標(biāo)簽常被稱為開放標(biāo)簽（opening tag）脚粟，結(jié)束標(biāo)簽常稱為閉合標(biāo)簽（closing tag）。
HTML 元素語法
- HTML 元素以開始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容（empty content）
- 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）
- 大多數(shù) HTML 元素可擁有屬性
嵌套的 HTML 元素
大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）骇塘。
HTML 文檔由嵌套的 HTML 元素構(gòu)成伊履。
HTML 文檔實(shí)例
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
上面的例子包含三個(gè) HTML 元素。
HTML 實(shí)例解釋
<p> 元素：
<p>This is my first paragraph.</p>
這個(gè) <p> 元素定義了 HTML 文檔中的一個(gè)段落款违。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <p>唐瀑，以及一個(gè)結(jié)束標(biāo)簽 </p>。
元素內(nèi)容是：This is my first paragraph插爹。
<body> 元素：
<body>
<p>This is my first paragraph.</p>
</body>
<body> 元素定義了 HTML 文檔的主體哄辣。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <body>请梢，以及一個(gè)結(jié)束標(biāo)簽 </body>。
元素內(nèi)容是另一個(gè) HTML 元素（p 元素）力穗。
<html> 元素：
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> 元素定義了整個(gè) HTML 文檔毅弧。
這個(gè)元素?fù)碛幸粋€(gè)開始標(biāo)簽 <html>，以及一個(gè)結(jié)束標(biāo)簽 </html>当窗。
元素內(nèi)容是另一個(gè) HTML 元素（body 元素）够坐。
空的 HTML 元素
沒有內(nèi)容的 HTML 元素被稱為空元素〕空元素是在開始標(biāo)簽中關(guān)閉的咆霜。
<br> 就是沒有關(guān)閉標(biāo)簽的空元素（<br> 標(biāo)簽定義換行）邓馒。
在 XHTML嘶朱、XML 以及未來版本的 HTML 中，所有元素都必須被關(guān)閉光酣。
在開始標(biāo)簽中添加斜杠疏遏，比如 <br />，是關(guān)閉空元素的正確方法救军，HTML财异、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的唱遭，但使用 <br /> 其實(shí)是更長遠(yuǎn)的保障戳寸。
HTML 提示：使用小寫標(biāo)簽
HTML 標(biāo)簽對大小寫不敏感：<P> 等同于 <p>。許多網(wǎng)站都使用大寫的 HTML 標(biāo)簽拷泽。
W3School 使用的是小寫標(biāo)簽疫鹊，因?yàn)槿f維網(wǎng)聯(lián)盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強(qiáng)制使用小寫
小感想
大多數(shù) HTML 元素可擁有屬性——大概就是這個(gè)特性讓我沉浸在用樣式控制網(wǎng)頁所有元素的表現(xiàn)而幾乎忘掉了還有基本標(biāo)簽這回事司致！
小技巧
如何在markdown模式中插入HTML標(biāo)簽而不被識別
- 切換輸入法為英文狀態(tài)
- 鍵盤左上角esc下邊的那個(gè)鍵輸入
<標(biāo)簽>把標(biāo)簽包括進(jìn)去拆吆。
