基本的 HTML 標(biāo)簽
本章向您講解 HTML 標(biāo)簽的概念,通過(guò)實(shí)例向您演示最常用的 HTML 標(biāo)簽。
提示:不要擔(dān)心本章中您還沒(méi)有學(xué)過(guò)的例子,您將在下面的章節(jié)中學(xué)到它們。
提示:學(xué)習(xí) HTML 最好的方式就是邊學(xué)邊做實(shí)驗(yàn)。我們?yōu)槟鷾?zhǔn)備了很好的 HTML 編輯器。使用這個(gè)編輯器,您可以任意編輯一段 HTML 源碼,然后單擊 TIY 按鈕來(lái)查看結(jié)果。
什么是 HTML 標(biāo)簽
- HTML 文檔和 HTML 元素是通過(guò) HTML 標(biāo)簽進(jìn)行標(biāo)記的
- HTML 標(biāo)簽由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成
- 開(kāi)始標(biāo)簽是被括號(hào)包圍的元素名
- 結(jié)束標(biāo)簽是被括號(hào)包圍的斜杠和元素名
- 某些 HTML 元素沒(méi)有結(jié)束標(biāo)簽,比如 <br />
注釋?zhuān)?/span>開(kāi)始標(biāo)簽的英文翻譯是 start tag 或 opening tag,結(jié)束標(biāo)簽的英文翻譯是 end tag 或 closing tag。
HTML 標(biāo)題
HTML 標(biāo)題(Heading)是通過(guò) <h1> - <h6> 等標(biāo)簽進(jìn)行定義的。
實(shí)例
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
HTML 段落
HTML 段落是通過(guò) <p> 標(biāo)簽進(jìn)行定義的。
實(shí)例
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML 鏈接
HTML 鏈接是通過(guò) <a> 標(biāo)簽進(jìn)行定義的。
實(shí)例
<a href="http://www.dbjr.com.cn">This is a link</a>
注釋?zhuān)?/span>在 href 屬性中指定鏈接的地址。
(您將在本教程稍后的章節(jié)中學(xué)習(xí)更多有關(guān)屬性的知識(shí))。
HTML 圖像
HTML 圖像是通過(guò) <img> 標(biāo)簽進(jìn)行定義的。
實(shí)例
<img src="w3school.jpg" width="104" height="142" />
注釋?zhuān)?/span>圖像的名稱(chēng)和尺寸是以屬性的形式提供的。