極客書

HTML - Elements

HTML元素由起始標記定義。如果元素包含其他內容，則以結束標記結尾，其中元素名稱前面是一個正斜槓，如下所示，帶有幾個標記−

Start Tag Content End Tag
<p> This is paragraph content. </p>
<h1> This is heading content. </h1>
<div> This is division content. </div>
<br />

所以這裡的<p>…</p>是一個HTML元素，<h1>…</h1>是另一個HTML元素。有些HTML元素不需要關閉，例如<img…/>、<hr/>和<br/>元素。這些元素被稱爲空心元素。

HTML文檔由這些元素組成的樹，它們指定如何構建HTML文檔，以及應在HTML文檔的哪個部分放置何種內容。

HTML Tag vs. Element

HTML元素由起始標記定義。如果元素包含其他內容，則以結束標記結束。

例如，<p>是段落的起始標記，而<p>是同一段落的結束標記，但<p>這是段落<p>是段落元素。

Nested HTML Elements

允許將一個HTML元素放在另一個HTML元素中;

Example

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>Nested Elements Example</title>
   </head>
	
   <body>
      <h1>This is <i>italic</i> heading</h1>
      <p>This is <u>underlined</u> paragraph</p>
   </body>
	
</html>

這將顯示以下結果−