簡(jiǎn)述
什么是 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)簽通常被稱為 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)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
HTML 文檔 = 網(wǎng)頁(yè)
- HTML 文檔描述網(wǎng)頁(yè)
- HTML 文檔包含 HTML 標(biāo)簽和純文本
- HTML 文檔也被稱為網(wǎng)頁(yè)
Web 瀏覽器的作用是讀取 HTML 文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容：
例子:
<!-- <html> 與 </html> 之間的文本描述網(wǎng)頁(yè) -->
<html>
<!-- <body> 與 </body> 之間的文本是可見(jiàn)的頁(yè)面內(nèi)容 -->
<body>
<!-- <h1> 與 </h1> 之間的文本被顯示為標(biāo)題 -->
<h1>我的第一個(gè)標(biāo)題</h1>
<!-- <p> 與 </p> 之間的文本被顯示為段落 -->
<p>我的第一個(gè)段落。</p>
</body>
</html>
HTML 元素
HTML 元素指的是從開(kāi)始標(biāo)簽 < >到結(jié)束標(biāo)簽</ > 的所有代碼。
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)成。
<div>
<p>HTML標(biāo)簽可以嵌套使用</p>
</div>
常用標(biāo)簽
<h1-h6> 標(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>
<h4>四級(jí)標(biāo)簽</h4>
<h5>五級(jí)標(biāo)簽</h5>
<h6>六級(jí)標(biāo)簽</h6>
<p> 段落
HTML 段落是通過(guò) <p> 標(biāo)簽進(jìn)行定義的。
<p>這是一個(gè)段落</p>
<a> 鏈接
HTML 鏈接是通過(guò) <a> 標(biāo)簽進(jìn)行定義的。
<!-- href寫(xiě)該鏈接指向的地址 -->
<a >這是一個(gè)鏈接</a>
<img> 圖像
HTML 圖像是通過(guò) <img> 標(biāo)簽進(jìn)行定義的。
<!-- src寫(xiě)圖像的路徑，width和heigth指定圖片的寬高 -->
<img src="w3school.jpg" width="104" height="142" />
<hr /> 水平線。
<hr />
注釋
<!-- HTML中的注釋包括在這樣的符號(hào)內(nèi)-->
<br /> 換行
<br />
