跳轉到內容

HTML 5 程式設計和網頁開發/頭部和主體元素

來自華夏公益教科書

HTML 元素

[編輯 | 編輯原始碼]

HTML 元素是文件的根元素。文件中的所有其他元素都必須在 HTML 元素內。HTML 元素分為兩個主要元素:頭部元素和主體元素。

HTML 頭部元素

[編輯 | 編輯原始碼]

HTML 頭部元素用於儲存頁面上不可見的內容,這些內容包括:

  • HTML 標題元素
  • HTML 元資料元素
  • HTML 連結元素
  • HTML 樣式元素

以及更多。

HTML 標題元素

[編輯 | 編輯原始碼]

HTML 標題元素用於指定文件的標題。標題元素的語法為:<title>文件標題</title>

HTML 元資料元素

[編輯 | 編輯原始碼]

元資料元素是空元素的一個示例,它通常包含兩個屬性:名稱和內容。例如,如果我想在元資料標籤中儲存以下內容:

Author:WikiGuy

那麼我們會編寫以下內容:

<meta name="Author" content="WikiGuy"/>

元資料元素還可以包含其他屬性,例如 charset 和 http-equiv,我們將在後續學習。

HTML 主體元素

[編輯 | 編輯原始碼]

HTML 主體元素用於儲存使用者可見的所有元素,這些元素包括段落、表格和其他頁面內容。

HTML 5 表格和段落

[編輯 | 編輯原始碼]

HTML 5 表格可以用在許多方面,最明顯的是對資料進行排序。表格在許多網頁中出於許多其他不太明顯的原因而被使用。

<body>
 <table border="1">
  <tr>
    <td>Name</td>
    <td>Business</td>
  </tr>
  <tr>
  <td>John Doe</td>
  <td>OrgoCo</td>
 </tr>
 <tr>
  <td>Mary Jane</td>
  <td>Simple inc</td>
 </tr>
</table>
</body>

以上是 HTML 5 表格的示例程式碼,如下所示。

姓名 公司
約翰·多伊 奧爾戈科公司
瑪麗·簡 簡單公司

HTML 5 段落用於以段落形式編寫一組句子。輸出看起來像任何普通的段落。

其他元素

[編輯 | 編輯原始碼]

HTML 5 中使用了許多元素,包括:

  • 超連結
  • 影像
  • 文字框
  • 按鈕
  • 跑馬燈
  • 跨度
  • 分隔符
  • 部分
  • 畫布
  • 影片
  • 音訊

注意:即使音訊不是視覺元素,也必須包含在主體中。

華夏公益教科書