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> 的元素概略分成以下五大類

  1. 段落
  2. 文字
  3. 表格
  4. 列表
  5. 多媒體

段落有以下的常用元素

元素說明
<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>影片元素。

下一個單元開始個別介紹這些元素的用法。

上一頁 單元 6 - CSS 的盒子模式
回《EPUB 入門指南》目錄
下一頁 單元 8 - 段落與文字的元素及樣式設定
回程式語言教材首頁