編程教程HTML 元素
以下代碼顯示了一個應用于某些文本的 HTML 元素的簡單示例。
I like <code>web</code> and CSS.
起始標記為<code>，結束標記為</ code>。標簽之間是元素的內容，即 web。標簽和內容一起形成代碼元素。
HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。
| 開始標簽 | 元素內容 | 結束標簽 |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm" > | This is a link | </a> |
| <br /> |
注釋：開始標簽常被稱為開放標簽（opening tag），結束標簽常稱為閉合標簽（closing tag）。
注意 1
我們使用元素來執行以下操作：
- HTML 元素以開始標簽起始
- HTML 元素以結束標簽終止
- 元素的內容是開始標簽與結束標簽之間的內容
- 某些 HTML 元素具有空內容（empty content）
- 空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
- 大多數 HTML 元素可擁有屬性
注意 2
元素名稱不區分大小寫。
瀏覽器會識別 <CODE> 和 <code>，甚至 <CoDe> 作為代碼元素的起始標簽。
一般來說，慣例是采用單一案例格式并堅持。更常見的樣式是使用小寫字符。
注意 3
HTML 定義了在 HTML 文檔中實現各種角色的不同類型的元素。
代碼元素是語義元素的示例。語義元素允許我們定義我們的內容的意義以及內容的不同部分之間的關系。
空元素
您不需要在開始和結束標簽之間放置任何內容。
如果你沒有，你創建一個空元素，如下面代碼所示。
I like <code></code> HTML and CSS.
并非所有元素都是空的，但即使如此，這仍然是有效的 HTML。
自閉合標簽
您可以使用單個標記更簡潔地表達空元素，如下面的代碼所示。
I like <code/> HTML and CSS.
您將開始和結束標記組合成一個筆劃字符(/)它用于表示結束標記的開始。
上面的代碼與以下代碼具有相同的含義。
I like <code></code> HTML and CSS.
單個標簽是表達空元素的更簡潔的方式。
空元素
有一些元素必須使用單個標簽表示。這些被稱為空元素。
一個這樣的元素是hr。
hr是一個分組元素，用于表示一個段落級別的內容。
您可以使用以下兩種方式之一使用 void 元素 - 第一種方法是僅指定開始標記，如以下代碼所示。
I like HTML. <hr> I like CSS.
瀏覽器知道 hr 是一個 void 元素，因此不希望看到結束標記。
您可以使元素與空元素一致，如下面的代碼所示。
I like HTML. <hr/> I like CSS.
嵌套的 HTML 元素
大多數 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文檔由嵌套的 HTML 元素構成。
HTML 文檔實例
<html> <body> <p>This is my first paragraph.</p> </body> </html>
HTML注釋
注釋是關于 HTML 元素的有用信息。注釋使 HTML 文檔更易讀和可理解。
HTML 中的注釋以標簽<！--開頭，并以-->結尾。
瀏覽器將忽略您在這些標記中放置的任何內容。
以下代碼具有 HTML 注釋。
<!DOCTYPE HTML>
<html>
<head>
<!-- metadata goes here -->
<title>Example</title>
</head>
<body>
This is the <code>content</code>.
</body>
</html>