| 網頁架構和說明的標籤 |
| <html> … </html> |
指示文件的開始和結尾 |
| <head> … </head> |
給瀏覽器用的資訊，但不顯示於瀏覽器上 |
| <title> … </title> |
網頁文件的標題 |
| <meta …> |
供給瀏覽器所需的資訊 |
| <body> … </body> |
網頁包含的內容 |
╭<html>
︱ ╭<head>
︱ ︱<title>Title put here</title>
︱ 頭︱<meta http-equiv="Content-Type"
文︱ ︱ content="text/html; charset=big5">
件︱ ╰</head> （↑此meta說明此為繁體中文Big5碼網頁↑）
檔︱ 正╭<body>
︱ 文︱The content of your page
︱ ╰</body>
╰</html>
|
|
| 文字外觀的標籤 |
| <b> … </b> |
使文字變為粗體 |
| <b>This is bold text</b> |
| <font …> … </font> |
設定文字的顏色、大小、字型等 |
<font color="red" size="-1">Red text, smaller size</font>
<font face="Comic Sans MS">Comic Sans MS</font> |
| <h1> … </h1> |
建立標題文字 (字型由h1至h6) |
<h4>This is H4 header</h4>
|
| <i> … </i> |
使文字變為斜體 |
| <i>This is italic text</i> |
| <span …> … </span> |
設定文字的顏色、大小、字型等 (詳情請參閱CSS資料) |
| <span style="background-color:yellow;">Text with yellow background</span> |
| <sub> … </sub> |
在文字轉成下標 |
| H<sub>2</sub>O |
| <sup> … </sup> |
在文字轉成上標 |
| x<sup>2</sup> - 4 = 0 |
| <u> … </u> |
在文字底下畫線 |
| <u>This is underline text</u> |
| 控制元素位置的標籤 |
| <blockquote> … </blockquote> |
文字縮排 |
First Paragraph
<blockquote>Indented text</blockquote>
Third Paragraph |
| <br> |
文字分行 |
|
First Line<br>
Second Line
|
| <div …> … </div> |
文字對齊 |
|
<div align="left">Left</div>
<div align="center">Center</div>
<div align="right">Right</div>
|
| <p> … </p> |
文字分段 |
|
<p>First paragraph with long long long long long long text</p>
<p>Second Paragraph with long long long long long long text</p>
|
| 超連結、圖像、水平線的標籤 |
| <a …> |
建立超連結 |
<a href="index.php">My Index</a>
<a href="http://www.gov.hk/">HKSAR Web</a>
<a href="mailto:abc@example.com">E-mail Link</a> |
| <hr> |
建立水平線 |
|
| <img …> |
展示圖像 |
<img src="image.png"> |
| 建立列表的標籤 |
<ol>
<li>…
<li>…
</ol> |
建立編號列表 |
- Point one
- Point two
|
<ul>
<li>…
<li>…
</ul> |
建立項目列表 |
|
|
| 設定表格的標籤 |
| <table> … </table> |
建立表格 |
| <tr> … </tr> |
在<table> … </table>中建立橫列 |
| <td> … </td> |
在<tr> … </tr>中建立儲存格 |
╭<table>
︱ ╭<tr>
︱ 第︱ <td>資料格一</td>
表︱ 一︱ <td>資料格二</td>
︱ 行︱ <td>資料格三</td>
︱ ╰</tr>
︱ ╭<tr>
︱ 第︱ <td>資料格一</td>
格︱ 二︱ <td>資料格二</td>
︱ 行︱ <td>資料格三</td>
︱ ╰</tr>
╰</table>
|
|
| 特殊符號 |
| & |
& 符號 |
| > |
> 符號 |
| < |
< 符號 |
| |
不換行空格 |
| " |
" 雙引號 |
| ± |
± 加減號 |
| × |
× 乘號 |
| ÷ |
÷ 除號 |
| © |
© 版權符號 |
| ® |
® 註冊符號 |
| ↔ |
↔ 左右箭號 |
| ¢ |
¢ 百分一元符號 |
| € |
€ 歐元符號 |
| £ |
£ 英鎊符號 |
| ¥ |
¥ 人民幣／日元符號 |
|
|