HTML標(biāo)記一覽
HTML標(biāo)記一覽
〖 城堡時(shí)代 文章教程 〗
文件標(biāo)記
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件
<HEAD> ● 開頭 提供文件整體資訊
<TITLE> ● 標(biāo)題 定義文件標(biāo)題，將顯示于瀏覽頂端
<BODY> ● 本文 設(shè)計(jì)文件格式及內(nèi)文所在
排版標(biāo)記
<!--注解--> ○ 說明標(biāo)記 為文件加上說明，但不被顯示
<P> ○ 段落標(biāo)記 為字、畫、表格等之間留一空白行
<BR> ○ 換行標(biāo)記 令字、畫、表格等顯示于下一行
<HR> ○ 水平線 插入一條水平線
<CENTER> ● 居中 令字、畫、表格等顯示于中間 反對
<PRE> ● 預(yù)設(shè)格式 令文件按照原始碼的排列方式顯示
<DIV> ● 區(qū)隔標(biāo)記 設(shè)定字、畫、表格等的擺放位置
<NOBR> ● 不折行 令文字不因太長而繞行
<WBR> ● 建議折行 預(yù)設(shè)折行部位
字體標(biāo)記
<STRONG> ● 加重語氣 產(chǎn)生字體加粗 Bold 的效果
<B> ● 粗體標(biāo)記 產(chǎn)生字體加粗的效果
<EM> ● 強(qiáng)調(diào)標(biāo)記 字體出現(xiàn)斜體效果
<I> ● 斜體標(biāo)記 字體出現(xiàn)斜體效果
<TT> ● 打字字體 Courier字體，字母寬度相同
<U> ● 加上底線 加上底線 反對
<H1> ● 一級標(biāo)題標(biāo)記 變粗變大加寬，程度與級數(shù)反比
<H2> ● 二級標(biāo)題標(biāo)記 將字體變粗變大加寬
<H3> ● 三級標(biāo)題標(biāo)記 將字體變粗變大加寬
<H4> ● 四級標(biāo)題標(biāo)記 將字體變粗變大加寬
<H5> ● 五級標(biāo)題標(biāo)記 將字體變粗變大加寬
<H6> ● 六級標(biāo)題標(biāo)記 將字體變粗變大加寬
<FONT> ● 字形標(biāo)記 設(shè)定字形、大小、顏色 反對
<BASEFONT> ○ 基準(zhǔn)字形標(biāo)記 設(shè)定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍為加大
<SMALL> ● 字體縮細(xì) 令字體稍為縮細(xì)
<STRIKE> ● 畫線刪除 為字體加一刪除線 反對
<CODE> ● 程式碼 字體稍為加寬如<TT>
<KBD> ● 鍵盤字 字體稍為加寬，單一空白
<SAMP> ● 范例 字體稍為加寬如<TT>
<VAR> ● 變數(shù) 斜體效果
<CITE> ● 傳記引述 斜體效果
<BLOCKQUOTE> ● 引述文字區(qū)塊 縮排字體
<DFN> ● 述語定義 斜體效果
<ADDRESS> ● 地址標(biāo)記 斜體效果
<SUB> ● 下標(biāo)字 下標(biāo)字
<SUP> ● 上標(biāo)字 指數(shù)（平方、立方等）
清單標(biāo)記
<OL> ● 順序清單 清單項(xiàng)目將以數(shù)字、字母順序排列
<UL> ● 無序清單 清單項(xiàng)目將以圓點(diǎn)排列
<LI> ○ 清單項(xiàng)目 每一標(biāo)記標(biāo)示一項(xiàng)清單項(xiàng)目
<MENU> ● 選單清單 清單項(xiàng)目將以圓點(diǎn)排列，如<UL> 反對
<DIR> ● 目錄清單 清單項(xiàng)目將以圓點(diǎn)排列，如<UL> 反對
<DL> ● 定義清單 清單分兩層出現(xiàn)
<DT> ○ 定義條目 標(biāo)示該項(xiàng)定義的標(biāo)題
<DD> ○ 定義內(nèi)容 標(biāo)示定義內(nèi)容
表格標(biāo)記
<TABLE> ● 表格標(biāo)記 設(shè)定該表格的各項(xiàng)參數(shù)
<CAPTION> ● 表格標(biāo)題 做成一打通列以填入表格標(biāo)題
<TR> ● 表格列 設(shè)定該表格的列
<TD> ● 表格欄 設(shè)定該表格的欄
<TH> ● 表格標(biāo)頭 相等于<TD>，但其內(nèi)之字體會變粗
表單標(biāo)記
<FORM> ● 表單標(biāo)記 決定單一表單的運(yùn)作模式
<TEXTAREA> ● 文字區(qū)塊 提供文字方盒以輸入較大量文字
<INPUT> ○ 輸入標(biāo)記 決定輸入形式
<SELECT> ● 選擇標(biāo)記 建立 pop-up 卷動清單
<OPTION> ○ 選項(xiàng) 每一標(biāo)記標(biāo)示一個(gè)選項(xiàng)
圖形標(biāo)記
<IMG> ○ 圖形標(biāo)記 用以插入圖形及設(shè)定圖形屬性
連結(jié)標(biāo)記
<A> ● 連結(jié)標(biāo)記 加入連結(jié)
<BASE> ○ 基準(zhǔn)標(biāo)記 可將相對 URL 轉(zhuǎn)絕對及指定連結(jié)目標(biāo)
框架標(biāo)記
<FRAMESET> ● 框架設(shè)定 設(shè)定框架
<FRAME> ○ 框窗設(shè)定 設(shè)定框窗
<IFRAME> ○ 頁內(nèi)框架 于網(wǎng)頁中間插入框架 IE
<NOFRAMES> ● 不支援框架 設(shè)定當(dāng)瀏覽器不支援框架時(shí)的提示
影像地圖
<MAP> ● 影像地圖名稱 設(shè)定影像地圖名稱
<AREA> ○ 連結(jié)區(qū)域 設(shè)定各連結(jié)區(qū)域
多媒體
<BGSOUND> ○ 背景聲音 于背景播放聲音或音樂 IE
<EMBED> ○ 多媒體 加入聲音、音樂或影像
其他標(biāo)記
<MARQUEE> ● 走動文字 令文字左右走動 IE
<BLINK> ● 閃爍文字 閃爍文字 NC
<ISINDEX> ○ 頁內(nèi)尋找器 可輸入關(guān)鍵字尋找于該一頁 反對
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件
<LINK> ○ 關(guān)系定義 定義該文件與其他 URL 的關(guān)系
StyleSheet
<STYLE> ● 樣式表 控制網(wǎng)頁版面
<span> ● 自訂標(biāo)記 獨(dú)立使用或與樣式表同用
注：
● 表示該標(biāo)記屬圍堵標(biāo)記，即需要關(guān)閉標(biāo)記如 </標(biāo)記>。
○ 表示該標(biāo)記屬空標(biāo)記，即不需要關(guān)閉標(biāo)記。
IE 表示該標(biāo)記只適用于 Internet Explorer。
NC 表示該標(biāo)記只適用于 Netscape Communicator。
反對 表示該標(biāo)記不為 W3C 所贊同，通常這標(biāo)記是 IE 或 NC 自訂，且己為眾所支 持，只是 HTML 標(biāo)準(zhǔn)中有其它同功能或更好的選擇。
棄用 表示該標(biāo)記己為 W3C 所棄用，是過時(shí)的標(biāo)記，但 HTML 具向下兼容的特 性，不用擔(dān)心新瀏覽器不支援舊標(biāo)記。
新 表示該標(biāo)記是 HTML 4.0 中新增的。
以下 HTML Source Code 便是一份 HTML 文件的基本架構(gòu) ：
<HTML>
<HEAD>
<TITLE> 網(wǎng)頁的標(biāo)題 </TITLE>
</HEAD>
<BODY>
網(wǎng)頁的內(nèi)容，很多標(biāo)記都作用于此
</BODY>
</HTML>
特點(diǎn)解說：
整份文件處于標(biāo)記<HTML>與</HTML>之間。
<HTML>用以聲明這是 HTML 文件，讓瀏覽器認(rèn)出并正確處理此 HTML 文件。
文件分兩部分，由<HEAD>至</HEAD>稱為開頭，<BODY>至</BODY>稱本文。
基本上兩者各有適用的標(biāo)記，如<TITLE>只可出現(xiàn)于開頭部分。
開頭部分用以存載重要資訊，而只有本文部分會被顯示。
所以大部分標(biāo)記會運(yùn)用于本文部分。
<TITLE>所標(biāo)示的是文件的標(biāo)題。
會出現(xiàn)于瀏覽器頂部及為別人 Bookmark 時(shí)的名稱，所以每頁有不同而明確的標(biāo)題 是需要的。
上述標(biāo)記中只有<BODY>具參數(shù)設(shè)定。
■ <BODY> 之參數(shù)設(shè)定：
例子：
<BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed">
text="#000000"
用以設(shè)定文字顏色。 #000000 代表黑色，亦可以采用顏色的名稱，即 text="black" 。各種顏色的值及名稱可參考【調(diào)色原理】一節(jié)。
link="#0000FF"
設(shè)定一般文字連結(jié)顏色。
alink="#FF0000"
設(shè)定剛按下時(shí)文字連結(jié)顏色。
vlink="#0000FF"
設(shè)定連結(jié)后的顏色。（被按過）。
background="bg1.gif"
設(shè)定背景墻紙。GIF 或 JPEG 皆可，可以是絕對途徑或相對途徑。
bgcolor="#FFFFFF"
設(shè)定背景顏色。當(dāng)己設(shè)定背景墻紙時(shí)會失去作用，除非墻紙有透明部分。
leftmargin=2
設(shè)定整份文件顯示畫面的左方邊沿空間，單位為像素。 『只適用于IE』
topmargin=2
設(shè)定整份文件顯示畫面的上方邊沿空間。 『只適用于IE』
bgproperties="fixed"
固定背景墻紙，當(dāng)卷動文字時(shí)墻紙不會跟著卷動。 『只適用于IE』 | | | |