1. 程式人生 > 實用技巧 >HTML標籤語言一覽表

HTML標籤語言一覽表

<html> ● 檔案宣告 讓瀏覽器知道這是 html 檔案
<head> ● 開頭 提供檔案整體資訊
<title> ● 標題 定義檔案標題,將顯示於瀏覽頂端
<body> ● 本文 設計檔案格式及內文所在
排版標記
<!--註解--> ○ 說明標記 為檔案加上說明,但不被顯示
<p> ○ 段落標記 為字、畫、表格等之間留一空白行
<br> ○ 換行標記 令字、畫、表格等顯示於下一行
<hr> ○ 水平線 插入一條水平線
<center> ● 居中 令字、畫、表格等顯示於中間 反對
<pre> ● 預設格式 令檔案按照原始碼的排列方式顯示
<div> ● 區隔標記 設定字、畫、表格等的擺放位置
<nobr> ● 不折行 令文字不因太長而繞行
<wbr> ● 建議折行 預設折行部位
字型標記
<strong> ● 加重語氣 產生字型加粗 bold 的效果
<b> ● 粗體標記 產生字型加粗的效果
<em> ● 強調標記 字型出現斜體效果
<i> ● 斜體標記 字型出現斜體效果
<tt> ● 打字字型 courier字型,字母寬度相同
<u> ● 加上底線 加上底線 反對
<h1> ● 一級標題標記 變粗變大加寬,程度與級數反比
<h2> ● 二級標題標記 將字型變粗變大加寬
<h3> ● 三級標題標記 將字型變粗變大加寬
<h4> ● 四級標題標記 將字型變粗變大加寬
<h5> ● 五級標題標記 將字型變粗變大加寬
<h6> ● 六級標題標記 將字型變粗變大加寬
<font> ● 字形標記 設定字形、大小、顏色 反對
<basefont> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<big> ● 字型加大 令字型稍為加大
<small> ● 字型縮細 令字型稍為縮細
<strike> ● 畫線刪除 為字型加一刪除線 反對
<code> ● 程式碼 字型稍為加寬如<tt>
<kbd> ● 鍵盤字 字型稍為加寬,單一空白
<samp>● 範例 字型稍為加寬如<tt>
<var> ● 變數 斜體效果
<cite> ● 傳記引述 斜體效果
<blockquote> ● 引述文字區塊 縮排字型
<dfn> ● 述語定義 斜體效果
<address> ● 地址標記 斜體效果
<sub> ● 下標字 下標字
<sup> ● 上標字 指數(平方、立方等)
清單標記
<ol> ● 順序清單 清單專案將以數字、字母順序排列
<ul> ● 無序清單 清單專案將以圓點排列
<li> ○ 清單專案 每一標記標示一項清單專案
<menu> ● 選單清單 清單專案將以圓點排列,如<ul> 反對
<dir> ● 目錄清單 清單專案將以圓點排列,如<ul> 反對
<dl> ● 定義清單 清單分兩層出現
<dt> ○ 定義條目 標示該項定義的標題
<dd> ○ 定義內容 標示定義內容
表格標記
<table> ● 表格標記 設定該表格的各項引數
<caption> ● 表格標題 做成一打通列以填入表格標題
<tr> ● 表格列 設定該表格的列
<td> ● 表格欄 設定該表格的欄
<th> ● 表格標頭 相等於<td>,但其內之字型會變粗
表單標記
<form> ● 表單標記 決定單一表單的運作模式
<textarea> ● 文字區塊 提供文字方盒以輸入較大量文字
<input> ○ 輸入標記 決定輸入形式
<select> ● 選擇標記 建立 pop-up 捲動清單
<option> ○ 選項 每一標記標示一個選項
圖形標記
<img> ○ 圖形標記 用以插入圖形及設定圖形屬性
連結標記
<a> ● 連結標記 加入連結
<base> ○ 基準標記 可將相對 url 轉絕對及指定連結目標
框架標記
<frameset> ● 框架設定 設定框架
<frame> ○ 框窗設定 設定框窗
<iframe> ○ 頁內框架 於網頁中間插入框架 ie
<noframes> ● 不支援框架 設定當瀏覽器不支援框架時的提示
影像地圖
<map> ● 影像地圖名稱 設定影像地圖名稱
<area> ○ 連結區域 設定各連結區域
多媒體
<bgsound> ○ 背景聲音 於背景播放聲音或音樂 ie
<embed> ○ 多媒體 加入聲音、音樂或影像
其他標記
<marquee> ● 走動文字 令文字左右走動 ie
<blink> ● 閃爍文字 閃爍文字 nc
<isindex> ○ 頁內尋找器 可輸入關鍵字尋找於該一頁 反對
<meta> ○ 開頭定義 讓瀏覽器知道這是 html 檔案
<link> ○ 關係定義 定義該檔案與其他 url 的關係
stylesheet
<style> ● 樣式表 控制網頁版面
<span> ● 自訂標記 獨立使用或與樣式表同用