EPUB 入門指南
單元 7 - HTML 的元素種類
HTML 文件由兩大元素組成， <head> 及 <body>
<head>
<body>
本書在 <head> 中只會放兩種元素，如下
<link href="style.css" rel="stylesheet" type="text/css" /> <title>網頁標題</title>
<link> 用來連結 CSS 檔案，讓 HTML 文件可以套用指定 CSS 檔案的樣式表規則， href 屬性就是設定 CSS 檔案的路徑。
至於 <title> 到 </title> 的範圍是網頁標題，這是顯示在瀏覽器中標題列的標題文字，由於本書會用瀏覽器預覽 XHTML 的檔案內容，因此保留 <title> 元素。
<body> 的元素概略分成以下五大類
- 段落
- 文字
- 表格
- 列表
- 多媒體
段落有以下的常用元素
| 元素 | 說明 |
|---|---|
| <p> | 主要放段落文字。 |
| <div> | 主要的排版區塊元素。 |
| <h1> | 標題元素，另有 <h2> 、 <h3> 、 <h4> 、 <h5> 、 <h6> 等不同字體尺寸的標題。 |
| <hr> | 分隔線元素。 |
針對文字有以下的常用元素
| 元素 | 說明 |
|---|---|
| <a> | 將文字編成超連結。 |
| <span> | 替文字加入個別樣式。 |
| <i> | 將文字套用斜體。 |
| <b> | 將文字套用粗體。 |
| <s> | 將文字加上刪除線。 |
| <sup> | 將文字改成上標。 |
| <sub> | 將文字改成下標。 |
表格採用以下的元素
| 元素 | 說明 |
|---|---|
| <table> | 表格元素，表格最外層的標籤。 |
| <tr> | 表格中的列元素。 |
| <th> | 表格中的標題儲存格元素。 |
| <td> | 表格中的儲存格元素。 |
列表有兩種，採用以下的元素
| 元素 | 說明 |
|---|---|
| <ul> | 項目符號的列表元素。 |
| <ol> | 以數字顯示排列的列表元素。 |
| <li> | 列表元素中的單獨一行列元素。 |
多媒體元素包括圖片、聲音跟影片，如下
| 元素 | 說明 |
|---|---|
| <img> | 圖片元素。 |
| <audio> | 聲音元素。 |
| <video> | 影片元素。 |
下一個單元開始個別介紹這些元素的用法。
