如何用 HTML 寫網頁 web page

原作 : Mike Smith, University of Brighton, UK
翻譯 : ENMPC Technical Team

目錄

1.甚麼是HTML
2.簡單的標籤(tags)
3.邏輯化的標籤
4.分段P及分行BR
5.頭條及間線H1
6.內文中加插圖畫IMG
7.背景圖畫
8.內文(BODY)的選項
9.列出項目LIST
10.連繫其它Hyper文字
11.URL
12.表格製作TABLE
13.單一格TD
14.一行多格及多行TR多格TD
15.欄的題目TH
16.擴展格ROWSPAN,COLSPAN
17.HTML特別字符
18.預定字型特性格式PRE
19.插入電郵地址
20.製作填入式表格FORM
21.填入式的表格TEXT
22.選擇式的表格SUBMIT
23.輸入多行文字TEXTAREA
24.從方框中選擇CHECKBOX
25.從旋鈕中選擇RADIO
26.從多項中選擇SELECT
27.重設為預定值RESET
28.從影像中選擇IMG
29.隱藏預定值HIDDEN

序言

萬維網 (WWWWorld Wide Web) 本頁是用HTML (HyperText Markup Language)電腦語言編寫的.
萬維網頁的示範能力是有賴於HTML中的標籤 (tags) 的指引,再經由瀏覽器 (web browser) 演譯
於瑩幕上. 常用的瀏覽器有:

甚麼是HTML

HTML (HyperText Markup Language)是一種包含標籤於文字中於組合語言,
讀者可憑瀏覽器 (BROWSER) 讀取文件中的標籤及文字,演譯出預定的效果.
同一的瀏覽器已有不同的版本以適合不同的電腦系統.
演譯效果除有賴於不同的瀏覽器外,也取決於瀏覽器的設定值:

瀏覽器在字與字及行與行中反會接受 任何空行或空字元。
所以以下的情況將得到相同的結果.

輸入示範 一 輸入示範 二 輸入示範 三
瀏覽器將不會理會

新行及多出的空字元。
瀏覽器將
不會理會新行及
多出的空字元。
瀏覽器將
不會理會新行

多出的空字元。

結果是這樣:

瀏覽器將不會理會新行及多出的空字元。

HTML中的標籤一般都有一個開始生效符< > 及關閉生效符</ >,
以粗體字為例,<B> 粗體字</B>

標籤中的英文指令不分大小楷的,如粗體字標籤 <B> 或<b> 是一樣的。

HTML跟其他的電腦語言一樣是有一定的格式,
標籤就是HTML的指令。
HTML的格式: