HTML 5 程式設計與網頁開發/HTML 5 元素

HTML 標籤

在 HTML 中，標籤用於建立網頁元素。元素的例子包括段落和標題。標籤用尖括號括起來，像這樣：<tag> 一個 HTML 5 標籤的例子是 h1。這個標籤建立了一個標題元素，它的寫法是這樣的。

<h1>Hello world!</h1>

h1 是 HTML 中最高級別的標題。把它想象成新聞故事的標題。有兩種型別的標籤。第一種，就像你在這裡看到的那樣，以 <h1> 開頭，以 </h1> 結尾。這些標記顯示了標題的開始和結束位置。同樣，段落以 <p> 開頭，以 </p> 結尾。第二種型別的標籤是自閉合的；也就是說，它沒有第二個標籤來標記它的結束。

一些自閉合標籤的例子是 <br/>（換行）、<hr/>（水平線）、<input/>（接受使用者輸入的元素）和 <meta/>（包含有關網頁本身資訊的元素）。

雖然自閉合標籤上的結束斜槓 (/) 是可選的，但將其包括在內被認為是最佳實踐。

HTML 元素

HTML 元素是網頁中的一個物件。一些例子包括影像、段落、標題和影片。它們以開始標籤開頭，以結束標籤結尾。HTML 5 有不同種類的元素，我們將在本課程中學習。

如何編寫 HTML 元素

要編寫 HTML 元素，我們首先編寫開始標籤<title>。然後我們編寫元素的內容：我的第一個 HTML 頁面。然後我們編寫結束標籤。</title>。當你把它們放在一起時，你就得到了一個 HTML 元素。

<title>My first HTML 5 page</title>

巢狀元素

HTML 元素的內容可以是另一個元素。這叫做“巢狀”。例如

<head>
  <title>My first HTML tag</title>
</head>

注意：HTML 5 中忽略換行符。

<b>
This is
Multiline
Text.
</b>

這段程式碼實際上會呈現成這樣：這是一個多行文字。 為了實現多行，我們實際上使用了換行標籤<br/>。

HTML 5 元素列表

注意，這只是一份簡短的元素列表

<p>
<input>
<table>
<body>
<header>
<nav>
<article>

格式良好的 HTML 文件示例

about:blank

<!doctype html>
<html>
  <head>
 <meta charset="utf-8"/>
  <title>Title</title>
  </head>
  <body>
	 <p>This is a normal Text</p>
	 <p><b>This Is Bold text</b></p>
  </body>
</html>

<!doctype html> 不是 HTML 標籤，因此它沒有結束標籤或終止斜槓。它是一個文件型別定義，我們將在隨後學習。