#文件的開始
#標示文件資訊 #文件資訊放在此處 ... 網頁設定, 段落, 文字格式, 項目格式, 超連結. 圖片, 表格, 音樂, 表單, HTML特殊字元 ...
HTML標籤列表
基本架構
#文件的開始
#標示文件資訊
#文件資訊放在此處
網頁的標題
網頁的內容
#文件的結束
網頁設定
段落
文字格式
項目格式
超連結
圖片
表格
音樂
表單
HTML特殊字元
網頁設定
編號
標籤
屬性與說明
範例
文字
1
文字
bgcolor：背景顏色
#xxxxxx為顏色碼
部分顏色可使用英文單字
文字
text：文字顏色
link：超連結的顏色
alink：作用中的超連結顏色
vlink：查閱過的超連結顏色
background：背景圖片
*為圖片的檔案名稱
也就是圖片存放的路徑
文字
bgproperties="fixed"
使背景圖能固定不動
段落
編號
標籤
屬性與說明
範例
1
換行
2
文字
說明：分段
align：對齊方式
3
文字
使用原始排列
4
說明：分隔線
文字
align：對齊方式
size：高度
width：寬度
color：顏色
noshade：無陰影
文字格式
編號
標籤
屬性與說明
範例
1
文字
說明：文字大小*為1~6，文字會自成一個段落
文字文字
align：對齊方式
2
文字(strong)
粗體字
文字
3
文字(em)
斜體字
文字
4
文字
底線
文字
5
文字
上標字
文字文字
6
文字
下標字
文字文字
文字
7
文字
size：文字大小*為1~7，若沒設定size，預設為3
文字
face：字型
1個字型以上要逗點跟空格
文字
color：文字顏色
文字
項目格式
編號
標籤
屬性與說明
範例
1
說明：符號式
文字
文字
文字文字
type：
disc→小圓點
circle→空心小圓點
square→實心正方形
2
- 文字
- 文字
說明：數字式
文字
文字
文字文字
type：A、a、I、i
start：起始值
超連結
編號
標籤
屬性與說明
範例
1
文字
href：連結
一般： 文字文字
Email：
文字文字
站內連結：
文字文字
target：目標視窗參數：_blank、_parent、_self
文字文字
title：標題(滑鼠提示文字)
文字文字
style="text-decoration:none"
消除連結的底線
文字文字
name：文件內的目標名稱
文字文字
圖片
編號
標籤
屬性與說明
範例
1
![]()
src：圖片路徑
width：寬度
height：高度
align：對齊方式
參數：bottom、middle、top、left、right
alt：圖片註解
title：圖片標題(滑鼠提示文字)
border：外框粗細
表格
編號
標籤
屬性與說明
範例
#表格的開始
文字
#列的開始
| 文字1-1 | #列裡面的標題
文字1-2 | #儲存格的開始與結束
#列的結束
| 文字2-1 |
文字2-2 |
#表格的結束
文字
文字1-1文字1-2
文字2-1文字2-2
文字3-1
文字4-1文字4-2
文字5-2
1
align：對齊方式
文字
border：框線
bordercolor：框線顏色
bgcolor：背景顏色
background：背景圖片
width：寬度
height：高度
cellpadding：內距
cellspacing：儲存隔間的間距
文字
文字
文字
2
文字
說明：表格的標題
文字
文字1-1
align：對齊方式
5
|
align：水平對齊方式
參數：left、center、right
valign：垂直對齊方式
參數：baseline、bottom、middle、top
文字1
文字2
文字3
bgcolor：背景顏色
bordercolor：框線顏色
4
|
|
align：水平對齊方式
valign：垂直對齊方式
文字1
文字2
bgcolor：背景顏色
background：背景圖片
bordercolor：框線顏色
文字1
文字2
文字3
width：寬度
height：高度
文字1-1文字1-2
文字2-1文字2-2
rowspan：儲存格下跨N個列
colspan：儲存格橫跨N個欄
音樂
編號
標籤
屬性與說明
範例
1
src：音樂檔路徑
loop：重播次數
若要一直重複播放，可使用infinite
2
src：音樂檔路徑
文字
文字
align：對齊方式
參數：bottom、middle、top、left、right
autostart：自動播放
參數：true、false(預設為true)
width：寬度
height：高度
hidden：隱藏
參數：true、false
loop：重複播放
參數：true、false
ShowPositionControls：顯示快轉與倒帶
參數：true、false
ShowTracker：顯示播放進度
參數：true、false
ShowAudioControls：顯示音量控制器
參數：true、false
ShowStatusBar：顯示資訊狀態列
參數：true、false
ShowDisplay：顯示資訊狀態
參數：true、false
表單
編號
標籤
屬性與說明
範例
1
action：動作(執行網頁)
login.php
method：執行動作的方法
參數：get、post(預設為get)
enctype：編碼類型
name：表單名稱
target：目標視窗
2
共同屬性
type：類型
name：名稱(可重複)
id：名稱(不可重複)
disabled：沒有作用
readonly：不能操作
type="text"：文字欄位
type="password"：密碼
size：文字顯示的長度
maxlength：字數限制
value：代表的值
type="button"：按鈕
type="submit"：送出表單
type="reset"：重設表單
value：按鈕顯示的文字
type="checkbox"：核取方塊
type="radio"：選項按鈕
一組表單內只能有一個選項按鈕被選取
而且選項按鈕的name要設為相同的
文字 文字1文字2
文字 文字1文字2
value：代表的值
checked：是否被選取
type="file"：檔案欄位
value：代表檔案的相關資訊
size：文字顯示的長度
maxlength：字數限制
type="hidden"：隱藏欄位
(因為隱藏了，所以看不到)
value：代表的值
3
文字區域
name：名稱(可重複)
id：名稱(不可重複)
cols：行數
rows：列數
disabled：沒有作用
readonly：不能操作
value
value
value
value
wrap：換行
參數：off、virtual、physical
value
value
4
說明：選單、清單
文字1
文字2
文字3
文字1
文字2
文字3
name：選單名稱(可重複)
id：選單名稱(不可重複)
size：顯示的高度
disabled：沒有作用
multiple：允許多重選取
若有此屬性，則select為清單
5
清單值
必須包含在select裡
value：代表的值
HTML特殊字元
編號
字元
實際顯示
範例
1
&
&
2
"
"
3
<
<
4
>
>
5
&absp;
空白
