HTML 基本標籤 | HTML Basic Tags


標籤 屬性 描述
文字格式
<H?> ... </H?> 標題 (H1 最大到 H6 最小)
<B> ... </B> 粗體文字
<I> ... </I> 斜體文字
<U> ... </U> 底線文字
<STRIKE> ... </STRIKE> 橫槓文字
<SUP> ... </SUP> 上標文字 - 置於普通文字上方的較小文字
<SUB> ... </SUB> 下標文字 - 置於普通文字下方的較小文字
<SMALL> ... </SMALL> 細小文字
<TT> ... </TT> 打字機體文字
<PRE> ... </PRE> 預格式化文字
<BLOCKQUOTE> ... </BLOCKQUOTE> 大塊文字引用
<STRONG> ... </STRONG> 增強文字 - 在大多數瀏覽器中顯示為粗體
<EM> ... </EM> 強調文字 - 在大多數瀏覽器中顯示為斜體
<FONT> ... </FONT> 使用字體 (此標籤已過時,應改用 CSS)
分區/段落
<DIV> ... </DIV> 頁面內容分區
<SPAN> ... </SPAN> 內容中的文字區塊
style="..." 屬性細節可用 CSS 設定
<P> ... </P> 文字段落
<BR> 換行 (強制換行)
<HR> 水平線
size="?" 線條粗細 (以像素為單位)
width="?" 線條寬度 (以像素或 % 為單位)
color="#??????" 線條顏色
align="???" 水平對齊: left (左),center (中),right (右)
noshade 線條沒有3D效果剪裁
圖片 (IMG, image)
<IMG SRC="url"> 顯示圖片
src="url" 圖片的網址或文件檔名
alt="..." 備用文字
align="???" 周圍文字與圖片的對齊方式: left (圖片置左), middle (圖片置中), right (圖片置右), top (圖片置上), bottom (圖片置下)
width="?" 圖片寬度 (以像素或 % 為單位)
height="?" 圖片高度 (以像素或 % 為單位)
border="?" 邊框厚度 (以像素為單位)
vspace="?" 圖像上方和下方的空間 (以像素為單位)
hspace="?" 圖像兩側的間隔 (以像素為單位)
鏈接 (link)
<A HREF="url"> 鏈接名稱 </A> 創建指向其他頁面或網站的鏈接
href="url" 要鏈接到的頁面位置 (url)
name="..." 鏈接名稱 (或書籤名稱)
target="?" 鏈接目標位置: _self,_blank,_top,_parent
href="url#bookmark” 鏈接到書籤 (使用 name 屬性定義的書籤)
href="mailto:電子郵件" 啟動電子郵件的鏈接 (取決於用戶端的電子郵件設定)
清單 (list)
<OL> ... </OL> 有序清單
type="?" 有序清單列表類型: A,a,I,i,1
start="?" 有序清單起始值
<UL> ... </UL> 無序清單
type="?" 無序清單項目符號類型: disc (圓點),circle (圓圈),square (方塊)
<LI> ... </LI> 清單項目 (有序或無序)
value="?" 清單項目排序值 (更改當前和後續項目)
type="??" 清單項目類型 (僅更改當前項目)
<DL> ... </DL> 定義清單
<DT> ... </DT> 被定義的術語或詞彙
<DD> ... </DD> 被定義術語或詞彙的詳細解釋
表格 (TABLE)
<TABLE> ... </TABLE> 定義表格
border="?" 邊框厚度
bordercolor="#??????" 邊框顏色
cellspacing="?" 單元格之間的空間(以像素為單位)
cellpadding="?" 單元格邊框和內容之間的空間 (以像素為單位)
align="???" 水平對齊: left (左),center (中),right (右)
bgcolor="#??????" 背景顏色
width="?" 表格寬度 (以像素或 % 為單位)
height="?" 表格高度 (以像素或 % 為單位)
<TR> ... </TR> 表格中的表格行
<TH> ... </TH> 表格行中的標題單元格
<TD> ... </TD> 表格行中的單元格
colspan="?" 單元格跨越的列數 (單元格合併)
rowspan="?" 單元格跨越的行數 (單元格合併)
width="?" 單元格寬度 (以像素或 % 為單位)
height="?" 單元格高度 (以像素或 % 為單位)
bgcolor="#??????" 背景顏色
align="???" 水平對齊: left (左),center (中),right (右)
valign="???" 垂直對齊: top (頂部),middle (中間),bottom (底部)
nowrap 強制在特定單元格中沒有自動換行
框架 (FRAME)
<FRAMESET> ... </FRAMESET> 框架集定義
rows="??,??,..." 定義行大小和行數 (以像素或 % 為單位)
cols="??,??,..." 定義列大小和列數 (以像素或 % 為單位)
noresize="noresize" 用戶無法調整框架集中任何框架的大小
<FRAME> ... </FRAME> 在框架集中定義框架
src="url" 框架的 HTML 文件位置
name="..." 框架窗口的獨特名稱
marginwidth="?" 框內的水平邊距 (以像素為單位)
marginheight="?" 框內的垂直邊距 (以像素為單位)
noresize="noresize" 聲明所有框架尺寸為固定
scrolling="..." 用戶是否可以在框內滾動: yes (是),no (否),auto (自動)
frameborder="?" 框架邊框: (1 = 是,2 = 否)
bordercolor="#??????" 框架邊框顏色
<NOFRAMES> ... </NOFRAMES> 非框架內容 (適用於不支持框架的瀏覽器)
表單 (FORM)
<FORM> ... </FORM> 表單輸入組合宣告
action="url" 表單處理腳本的 URL
method="..." 表單輸入處理方式: get (獲取),post (發布)
enctype="..." 文件上傳編碼: enctype="multipart/form-data"
<INPUT> ... </INPUT> 表單中的輸入字段
type="..." 輸入字段類型: text (文字),password (密碼),checkbox (複選框),submit (提交)
name="..." 表單字段名稱 (用於表單處理)
value="..." 輸入欄數據
size="..." 欄位大小
maxlength="?" 輸入字段數據的最大長度
checked 在單選按鈕組或複選框中標記所選項目
<SELECT> ... </SELECT> 下拉式列表組合框
name="..." 下拉式列表組合框名稱 (用於表單處理)
size="?" 可選選項數
multiple 允許多項選擇
<OPTION> ... </OPTION> 下拉式列表中的選項
value="..." 選項數值
selected 將選項設置為默認選擇的選項
<TEXTAREA> ... </TEXTAREA> 多行文字輸入框
name="..." 文字輸入框名稱 (用於表單處理)
rows="?" 顯示文字行數
cols="?" 顯示文字列數 (每行字符數)
wrap="..." 文字自動換行: off (關閉),hard (硬性),soft (軟性)
網頁文件
<HTML> ... </HTML> 網頁文件的開始與結束
<HEAD> ... </HEAD> 網頁文件的開頭部份
<TITLE> ... </TITLE> 網頁文件的標題
<BODY> ... </BODY> 網頁文件的主體部份
background="url" 背景圖片
bgcolor="#??????" 背景顏色
text="#??????" 文件文字顏色
link="#??????" 原始鏈接顏色
vlink="#??????" 點選過鏈接顏色
alink="#??????" 作用中鏈接顏色
bgproperties="fixed" 背景屬性為"固定"-非滾動式水印
leftmargin="?" 左側邊距 (以像素為單位)
topmargin="?" 頂端邊距 (以像素為單位)
雜項
<!- ... -> HTML 文件中的註釋
<!DOCTYPE HTML ...> 文件類型定義
<META> ... </META> META 信息標籤
name="..." META 名稱: description (描述),keywords (關鍵字),author (作者)
http-equiv="..." HTTP 等效信息:標題等
content="..." 文件內容描述
<LINK> LINK 內容關係標籤
rel="..." 本文件與所鏈結文件的關係
http="url" 被鏈結文件的位置(URL)
type="..." 被鏈結文件的類型,例如: text/css
title="..." 鏈結標題