或許有朋友感到迷惑，到底如何運用HTML標籤才是保持文檔語義並有良好的結構呢？我們看下面的這方面知識的介紹，相信你一定有所收穫。但也請你注意，有些標籤可能不符合WEB標準了，這些知識我們在52css.com以後的文章中再一一說明。
Note：雙與單分別表示標籤是成對出現，還是單個出現，成對出現需要關閉，如：雙表示<a></a>、單表示：<img src=...>。
<a>雙 定義一個連結
href=url 指定目標地址
tabindex=number 指定該連結在當前檔案的Tab鍵次序中的位置 0-32767之間
charset=charset 指定目標檔案的字元編碼形式
例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
<A href="Sendmailto:jen@nt.com">Send</A>
<base>單 為檔案中所有的相關URL(統一資源定位器)指定一個基準URL.置於<head>內
href=url 要用到的URL
<body>雙 檔案的主體(瀏覽器中顯示的內容)
backcolor="rrggbb" 背景色
leftmargin=number 瀏覽器左邊緣與視窗中本文和圖形的開始位置之間的距離,單位:像素
topmargin=number 瀏覽器上邊緣與視窗中本文和圖形的上邊緣位置之間的距離,單位:像素
text="rrggbb" 文本預設顏色
<br>單 換行,但不像<P>標籤那樣增加多餘空行
clear=all left right
<caption>雙 表格的標題,位於表格之上,可用<font>修飾,但一個<caption>必須對應一個<table>
align=left right center 標題對齊
<dd>雙 表示一個定義列表中對一個表單項的條目部分
<dl>雙 表示一個定義列表,由條目<dt>和定義<dd>組成
<dt>雙 表示一個定義列表中對一個表單項的條目部分
<font>雙 字型修飾
i 斜體
b 加粗
u 底線
s 刪除線
big 比前一個字型大一號
small 比前一個字型小一號
left 靠左對齊
right 靠右對齊
center 置中
color="rrggbb" 顏色
style=text 字型大小,可用文本和數字
name=text 字型名稱
equal 字型等距
<head>雙 與<body>同級,無任何屬性,僅作為其他標籤的容器
<hr>單 添加水平分界線
align =left right center 水平分界線對齊
noshade 將水平分界線顯示成一條時新線
size=number 指定線寬,單位像素
width=number 或 % 水平分界線長度,一像素為單位或頁面寬為百分比
<html>雙 於檔案起始和結尾,用於告訴瀏覽器整個檔案的大小是由html構成
size=number 檔案大小
<img>單 在頁面上放一幅圖
align=left right center top middle botton
alt=text 當圖象無法顯示時的提示文本
width=number 圖象寬度
height=number 圖象高度
src=url 圖象地址
hspace=number 圖象左右留出空格
vspace=number 圖象上下留出空格
border=number 圖象與頁面邊界距離,預設為1
blockquote 一個塊的引用,兩邊各留一空格,上下各留一行
<input>單 輸入(表單)[輸入類型:文本 單選框 複選框 複位 提交 檔案傳輸
type:checkbox 複選框
checked 初始選中值
name=text 編號,可用文本或數字
value=text 初始值
type:file 檔案上傳
name=text 編號,可用文本或數字
value=text 搜尋按鈕的文本
type:radio 單選框
checked 初始選中值
name=text 編號,可用文本或數字
value=text 初始值
type:rest 使表單選擇恢複預設值
value=text 顯示可替代文本
type:submit 提交按鈕
value=text 顯示按鈕上的文本
<li>雙 表示一個列表中定義一個表單項,用於<dir><ol><ul>標籤中
<marquee>雙 建立一個滾動文字框
align=left right center 文字框與頁面左、右、中對齊
dirsction=left right 文本超出邊界時用水平、垂直捲軸
height=number 文字框高度
width=number 文字框寬度
hspace=number 文字框兩邊留出的像素
vspace=number 文字框上下留出的像素
scrollamount=number 單擊方向鍵,每次滾動的距離,單位字元
scrolldelay=number 單擊空白條區時,滾動距離,單位字元
<media>單 媒體
align=left right center middle top bottom 對象相對周圍文本的對齊
data=url 對象所引用的地址
height=number 對象高度,以像素為單位
width=number 對象寬度,以像素為單位
hspace=number 在對象兩邊各留出的空格,以像素為單位
vspace=number 在對象上下各留出的空格,以像素為單位
type=audio video 物件類型(音頻和視頻)
<nobr>雙 禁止換行
<object>雙 外掛程式
classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8
<ol>雙 定義有序列表的起始,由表單項<li>組成
<option>雙 下拉式清單或滾動列表的項
checked 初始選中值
value=text 初始值
<p>單 換行,但有多餘空行
<script>雙 指令碼
type=text 指令碼語言類型,如"VBScript"
<select>雙 定義一個下拉式清單和滾動列表
multipe 允許多選一個或更多的<option>
name=text 選中的<option>編號
size=number "1"且無設multipe,顯示為一個下拉式清單
<sub>雙 下標
<sup>雙 上標
<table>雙 確定一個表格的始末
align=left right center 表格在頁面中位置,預設為right
backcolor="rrggbb" 表格背景色
border=number 表格邊界厚度
cellspacing=number 表格單元之間架構厚度
cellspadding=number 儲存格邊界與內容之間的距離
height=number or % 指定表格高度,單位像素,或瀏覽器頁面高度的百分比表示
width=number or % 指定表格寬度,單位像素,或瀏覽器頁面寬度的百分比表示
hspace=number 在一個對齊表格上下留一定空格,單位像素
vspace=number 在一個對齊表格兩邊留一定空格,單位像素
<td>雙 定義一個儲存格
align=left right center 文本相對與單元個的對器方式
background=url 單位格裡的圖象
backcolor="rrggbb" 表格背景色
表格、外掛程式、指令碼僅屬於<body>,指令碼最好不用
<media>僅屬於<body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
