常用HTML標籤

網頁架構和說明的標籤

指示文件的開始和結尾

給瀏覽器用的資訊，但不顯示於瀏覽器上

網頁文件的標題

供給瀏覽器所需的資訊

網頁包含的內容

　╭<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>

文字外觀的標籤

使文字變為粗體

設定文字的顏色、大小、字型等

<font color="red" size="-1">Red text, smaller size</font>

<font face="Comic Sans MS">Comic Sans MS</font>

建立標題文字 (字型由h1至h6)

<h4>This is H4 header</h4>

使文字變為斜體

<i>This is italic text</i>

設定文字的顏色、大小、字型等 (詳情請參閱CSS資料)

<span style="background-color:yellow;">Text with yellow background</span>

在文字轉成下標

H<sub>2</sub>O

在文字轉成上標

x<sup>2</sup> - 4 = 0

在文字底下畫線

<u>This is underline text</u>

控制元素位置的標籤

<br>

文字縮排

First Paragraph

<blockquote>Indented text</blockquote>

Third Paragraph

文字分行

First Line<br>

Second Line

文字對齊

<div align="center">Center</div>

<div align="right">Right</div>

文字分段

<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 …>

<hr>

建立超連結

<a href="index.php">My Index</a>

<a href="http://www.gov.hk/">HKSAR Web</a>

建立水平線

展示圖像

建立列表的標籤

<ol>

<li>…

</ol>

<ul>

<li>…

</ul>

建立編號列表

1. Point one
2. Point two

建立項目列表

- Point one
- Point two

設定表格的標籤

建立表格

在<table> … </table>中建立橫列

在<tr> … </tr>中建立儲存格

　╭<table> 　︱　╭<tr> 　︱第︱ <td>資料格一</td> 表︱一︱ <td>資料格二</td> 　︱行︱ <td>資料格三</td> 　︱　╰</tr> 　︱　╭<tr> 　︱第︱ <td>資料格一</td> 格︱二︱ <td>資料格二</td> 　︱行︱ <td>資料格三</td> 　︱ ╰</tr> 　╰</table>

特殊符號

↔

€

& 符號

> 符號

< 符號

不換行空格

" 雙引號

± 加減號

× 乘號

÷ 除號

® 註冊符號

↔ 左右箭號

¢ 百分一元符號

€ 歐元符號

£ 英鎊符號

¥ 人民幣／日元符號

Page updated

Google Sites

Report abuse