什么是 HTML？
- HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言梆暮。
- HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)
- HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)
- 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
- HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 標(biāo)簽
- HTML 標(biāo)記標(biāo)簽通常被稱(chēng)為 HTML 標(biāo)簽 (HTML tag)绍昂。
- HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞啦粹，比如 <html>
- HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
- 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽窘游，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
- 開(kāi)始和結(jié)束標(biāo)簽也被稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽
HTML 文檔 = 網(wǎng)頁(yè)
- HTML 文檔描述網(wǎng)頁(yè)
- HTML 文檔包含 HTML 標(biāo)簽和純文本
- HTML 文檔也被稱(chēng)為網(wǎng)頁(yè)
Web 瀏覽器的作用是讀取 HTML 文檔唠椭，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽忍饰，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容：
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
例子解釋
<html> 與 </html> 之間的文本描述網(wǎng)頁(yè)
<body> 與 </body> 之間的文本是可見(jiàn)的頁(yè)面內(nèi)容
<h1> 與 </h1> 之間的文本被顯示為標(biāo)題
<p> 與 </p> 之間的文本被顯示為段落
HTML 標(biāo)題
HTML 標(biāo)題（Heading）是通過(guò) <h1> - <h6> 等標(biāo)簽進(jìn)行定義的贪嫂。
<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<h3>三級(jí)標(biāo)題</h3>
有此類(lèi)推
HTML 段落
HTML 段落是通過(guò) <p> 標(biāo)簽進(jìn)行定義的。
<p> 一段話的類(lèi)容</p>
HTML 鏈接
HTML 鏈接是通過(guò) <a> 標(biāo)簽進(jìn)行定義的艾蓝。
<a>一個(gè)網(wǎng)絡(luò)連接</a>
注釋?zhuān)涸?href 屬性中指定鏈接的地址力崇。
HTML 圖像
HTML 圖像是通過(guò) <img> 標(biāo)簽進(jìn)行定義的。
src 為 圖片地址
注釋?zhuān)簣D像的名稱(chēng)和尺寸是以屬性的形式提供的饶深。
HTML 元素
HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼餐曹。
| 開(kāi)始標(biāo)簽 | 元素內(nèi)容 | 結(jié)束標(biāo)簽 |
|---|---|---|
<p> |
This is a paragraph | </p> |
<a href="default.htm" > |
This is a link | </a> |
<br /> |
注釋?zhuān)?/strong>開(kāi)始標(biāo)簽常被稱(chēng)為開(kāi)放標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱(chēng)為閉合標(biāo)簽（closing tag）敌厘。
HTML 元素語(yǔ)法
- HTML 元素以開(kāi)始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容（empty content）
- 空元素在開(kāi)始標(biāo)簽中進(jìn)行關(guān)閉（以開(kāi)始標(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è)開(kāi)始標(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è)開(kāi)始標(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è)開(kāi)始標(biāo)簽 <html>雏婶，以及一個(gè)結(jié)束標(biāo)簽 </html>物赶。
元素內(nèi)容是另一個(gè) HTML 元素（body 元素）。
不要忘記結(jié)束標(biāo)簽
即使您忘記了使用結(jié)束標(biāo)簽留晚，大多數(shù)瀏覽器也會(huì)正確地顯示 HTML：
<p>This is a paragraph
<p>This is a paragraph
上面的例子在大多數(shù)瀏覽器中都沒(méi)問(wèn)題酵紫，但不要依賴(lài)這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生不可預(yù)料的結(jié)果或錯(cuò)誤错维。
注釋?zhuān)何磥?lái)的 HTML 版本不允許省略結(jié)束標(biāo)簽奖地。
空的 HTML 元素
沒(méi)有內(nèi)容的 HTML 元素被稱(chēng)為空元素「郴溃空元素是在開(kāi)始標(biāo)簽中關(guān)閉的参歹。
<br> 就是沒(méi)有關(guān)閉標(biāo)簽的空元素（<br> 標(biāo)簽定義換行）。
在 XHTML宏邮、XML 以及未來(lái)版本的 HTML 中泽示，所有元素都必須被關(guān)閉。
在開(kāi)始標(biāo)簽中添加斜杠蜜氨，比如 <br />，是關(guān)閉空元素的正確方法捎泻，HTML飒炎、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的笆豁，但使用 <br /> 其實(shí)是更長(zhǎng)遠(yuǎn)的保障郎汪。
HTML 標(biāo)簽對(duì)大小寫(xiě)不敏感
HTML 屬性
- 屬性為 HTML 元素提供附加信息。
- HTML 標(biāo)簽可以擁有屬性闯狱。
- 屬性提供了有關(guān) HTML 元素的更多的信息煞赢。
- 屬性總是以名稱(chēng)/值對(duì)的形式出現(xiàn)，比如：name="value"哄孤。
- 屬性總是在 HTML 元素的開(kāi)始標(biāo)簽中規(guī)定照筑。
HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定：
<a >This is a link</a>
基礎(chǔ)學(xué)習(xí)的記錄瘦陈，希望對(duì)你們有幫助Ｄ！！晨逝！
