HTML————3、HTML元素
HTML元素
開始標籤 * | 元素內容 | 結束標籤 * |
---|---|---|
<p> | 這是一個段落 | </p> |
<a href="default.htm"> | 這是一個連結 | </a> |
<br> | 換行 |
*開始標籤常被稱為起始標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。
HTML 元素語法
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容(empty content)
- 空元素在開始標籤中進行關閉(以開始標籤的結束而結束)
- 大多數 HTML 元素可擁有屬性
註釋: 您將在本教程的下一章中學習更多有關屬性的內容。
巢狀的 HTML 元素
HTML 文件由巢狀的 HTML 元素構成。
HTML 文件例項
<!DOCTYPE html>
<html>
<body>
<p>這是第一個段落。</p>
</body>
</html>
以上例項包含了三個 HTML 元素。
HTML 例項解析
<p> 元素:
<p>這是第一個段落。</p>
這個 <p> 元素定義了 HTML 文件中的一個段落。
這個元素擁有一個開始標籤 <p> 以及一個結束標籤 </p>.
元素內容是: 這是第一個段落。
<body> 元素:
<body>
<p>這是第一個段落。</p>
</body>
<body> 元素定義了 HTML 文件的主體。
這個元素擁有一個開始標籤 <body> 以及一個結束標籤 </body>。
元素內容是另一個 HTML 元素(p 元素)。
<html> 元素:
<html>
<body>
<p>這是第一個段落。</p>
</body>
</html>
<html> 元素定義了整個 HTML 文件。
這個元素擁有一個開始標籤 <html> ,以及一個結束標籤 </html>.
元素內容是另一個 HTML 元素(body 元素)。
不要忘記結束標籤
即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示 HTML:
<p>這是一個段落
<p>這是一個段落
以上例項在瀏覽器中也能正常顯示,因為關閉標籤是可選的。
但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。
HTML 空元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
<br> 就是沒有關閉標籤的空元素(<br> 標籤定義換行)。
在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。
在開始標籤中新增斜槓,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。
HTML 提示:使用小寫標籤
HTML 標籤對大小寫不敏感:<P> 等同於 <p>。許多網站都使用大寫的 HTML 標籤。
菜鳥教程使用的是小寫標籤,因為全球資訊網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。
相關文章
- HTML元素HTML
- HTML <img> 元素HTML
- HTML p元素HTML
- HTML <p> 元素HTML
- HTML form 元素HTMLORM
- HTML fieldset元素HTML
- HTML 元素(轉)HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML <dialog> 元素HTML
- HTML input 元素概述HTML
- HTML內聯元素HTML
- jQuery 操作html元素jQueryHTML
- [HTML] html5新增的結構元素HTML
- 將資料存放於html元素或者從html元素刪除HTML
- HTML 空元素 And 可替換元素HTML
- html元素,屬性修改HTML
- HTML 自閉和元素HTML
- HTML----元素層級HTML
- HTML元素拖動JSHTMLJS
- HTML 自定義元素教程HTML
- JavaScriptDOM物件控制HTML元素JavaScript物件HTML
- HTML5新增元素HTML
- php中的html元素PHPHTML
- HTML元素是什麼?HTML
- HTML 塊級元素和內聯元素HTML
- Html 內聯元素和外聯元素HTML
- jquery 新增html元素後 html中click失效問題jQueryHTML
- HTML_行內元素、塊級元素、空元素HTML
- HTML學習(3)(HTML字元格式)HTML字元
- HTML元素設定可拖拽HTML
- HTML表單元素及CSSHTMLCSS
- HTML 文字格式化元素HTML
- html元素滾動定位方法HTML
- HTML 元素的預設值HTML
- html新增結構元素解析HTML
- JavaScript動態生成html元素JavaScriptHTML
- HTML5結構元素HTML
- html meta 元素講解(轉)HTML