排版標記
<!--注解--> ○ 說(shuō)明標記 為文件加上說(shuō)明,但不被顯示
<P> ○ 段落標記 為字、畫(huà)、表格等之間留一空白行
<BR> ○ 換行標記 令字、畫(huà)、表格等顯示于下一行
<HR> ○ 水平線(xiàn) 插入一條水平線(xiàn)
<CENTER> ● 居中 令字、畫(huà)、表格等顯示于中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示
<DIV> ● 區隔標記 設定字、畫(huà)、表格等的擺放位置
<STRONG> ● 加重語(yǔ)氣 產(chǎn)生字體加粗 Bold 的效果
<B> ● 粗體標記 產(chǎn)生字體加粗的效果
<EM> ● 強調標記 字體出現斜體效果
<I> ● 斜體標記 字體出現斜體效果
<TT> ● 打字字體 Courier字體,字母寬度相同
<U> ● 加上底線(xiàn) 加上底線(xiàn) 反對
<H1> ● 一級標題標記 變粗變大加寬,程度與級數反比
<H2> ● 二級標題標記 將字體變粗變大加寬
<H3> ● 三級標題標記 將字體變粗變大加寬
<H4> ● 四級標題標記 將字體變粗變大加寬
<H5> ● 五級標題標記 將字體變粗變大加寬
<H6> ● 六級標題標記 將字體變粗變大加寬
<FONT> ● 字形標記 設定字形、大小、顏色 反對
<BASEFONT> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍為加大
<SMALL> ● 字體縮細 令字體稍為縮細
<STRIKE> ● 畫(huà)線(xiàn)刪除 為字體加一刪除線(xiàn) 反對
<CODE> ● 程式碼 字體稍為加寬如<TT>
<KBD> ● 鍵盤(pán)字 字體稍為加寬,單一空白
<SAMP> ● 范例 字體稍為加寬如<TT>
<VAR> ● 變數 斜體效果
<CITE> ● 傳記引述 斜體效果
<BLOCKQUOTE> ● 引述文字區塊 縮排字體
<DFN> ● 述語(yǔ)定義 斜體效果
<ADDRESS> ● 地址標記 斜體效果
清單標記
<OL> ● 順序清單 清單項目將以數字、字母順序排列
<UL> ● 無(wú)序清單 清單項目將以圓點(diǎn)排列
<LI> ○ 清單項目 每一標記標示一項清單項目
<MENU> ● 選單清單 清單項目將以圓點(diǎn)排列,如<UL> 反對
<DIR> ● 目錄清單 清單項目將以圓點(diǎn)排列,如<UL> 反對
<DL> ● 定義清單 清單分兩層出現
<DT> ○ 定義條目 標示該項定義的標題
<DD> ○ 定義內容 標示定義內容
表格標記
<TABLE> ● 表格標記 設定該表格的各項參數
<CAPTION> ● 表格標題 做成一打通列以填入表格標題
<TR> ● 表格列 設定該表格的列
<TD> ● 表格欄 設定該表格的欄
<TH> ● 表格標頭 相等于<TD>,但其內之字體會(huì )變粗
圖形標記
<IMG> ○ 圖形標記 用以插入圖形及設定圖形屬性
連結標記
<A> ● 連結標記 加入連結
框架標記
<FRAMESET> ● 框架設定 設定框架
<FRAME> ○ 框窗設定 設定框窗
<IFRAME> ○ 頁(yè)內框架 于網(wǎng)頁(yè)中間插入框架 IE
多媒體
<BGSOUND> ○ 背景聲音 于背景播放聲音或音樂(lè ) IE
<EMBED> ○ 多媒體 加入聲音、音樂(lè )或影像
其他標記
<MARQUEE> ● 走動(dòng)文字 令文字左右走動(dòng) IE
注:
● 表示該標記屬?lài)聵擞?,即需要關(guān)閉標記如 </標記>。
○ 表示該標記屬空標記,即不需要關(guān)閉標記。
IE 表示該標記只適用于Internet Explorer。
反對 表示該標記不為W3C所贊同,通常這標記是 IE 或
NC自訂,且己為眾所支持,只是HTML標準中有其它同功能或更好的選擇。
棄用 表示該標記己為W3C所棄用,是過(guò)時(shí)的標記,但 HTML
具向下兼容的特 性,不用擔心新瀏覽器不支援舊標記。
新表示該標記是HTML4.0中新增的。
表格標記
<TABLE><TR><TD><TH><CAPTION>
■<TABLE><TR><TD>
這三個(gè)標記是定義表格的最重要的標記,可以說(shuō)只學(xué)這三個(gè)己足夠。<TABLE>是一個(gè)容器標記,意思是說(shuō)它用以聲明這是表格而且其他表格標記只能在他的范圍內才適用,屬容器標記的還有其他。
<TR>用以標示表格列(row)
<TD>用以標示儲存格(cell)
<TABLE>的參數設定(常用):
例如: <tablewidth="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
width="400"
表格寬度,接受絕對值(如 80)及相對值(如 80%)。
border="1"
表格邊框厚度,不同瀏覽器有不同的內定值,故請指明。
cellspacing="2"
表格格線(xiàn)厚度。
cellpadding="2"
文字與格線(xiàn)的距離。
align="CENTER"
表格的擺放位置(水平),可選值為: left, right, center,請看例子五或六,那表格是放于中間的,為怕一些瀏覽器不支援,故特加上居中標記<CENTER>,只是多層保證而己,當然只用<CENTER>亦可。
valign="TOP".
表格內字畫(huà)等的擺放貼位置(垂直),可選值為: top, middle, bottom。
background="myweb.gif"
表格 紙,與 bgcolor 不要同用。
bgcolor="#0000FF"
表格底色,與background不要同用。
bordercolor="#FF00FF"
表格邊框顏色,NC 與 IE 有不同的效果。
bordercolorlight="#00FF00"
表格邊框向光部分的顏色?!褐贿m用于 IE』
bordercolordark="#00FFFF"
表格邊框背光部分的顏色,使用bordercolorlight或bordercolordark時(shí) bordercolor將會(huì )失效?!褐贿m用于 IE』
cols="2"
表格欄位數目,只是讓瀏覽器在下載表格是先畫(huà)出整個(gè)表格而己。
■<TR>的參數設定(常用):
例如:<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">
align="RIGHT"
該一列內字畫(huà)等的擺放貼位置(水平),可選值為:left, center, right。
valign="MIDDLE"
該一列內字畫(huà)等的擺放貼位置(垂直),可選值為: top, middle, bottom。
bgcolor="#0000FF"
該一列底色,請看。
bordercolor="#FF00FF"
該一列邊框顏色,請看?!褐贿m用于 IE』
bordercolorlight="#808080"
該一列邊框向光部分的顏色,請看?!褐贿m用于 IE』
bordercolordark="#FF0000"
該一列邊框背光部分的顏色,使用bordercolorlight 或 bordercolordark時(shí)bordercolor 將會(huì )失效?!褐贿m用于 IE』
■<TD>的參數設定(常用):
例如:<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">
width="48%"
該一儲存格寬度,接受絕對值(如 80)及相對值(如 80%)。
height="400"
該一儲存格高度。
colspan="5"
該一儲存格向右打通的欄數。
rowspan="4"
該一儲存格向下打通的列數。
align="RIGHT"
該一儲存格內字畫(huà)等的擺放貼位置(水平),可選值為:left, center, right。
valign="BOTTOM"
該一儲存格內字畫(huà)等的擺放貼位置(垂直),可選值為:top, middle, bottom。
bgcolor="#FF00FF"
該一儲存格底色。
bordercolor="#808080"
該一儲存格邊框顏色?!褐贿m用于 IE』
bordercolorlight="#FF0000"
該一儲存格邊框向光部分的顏色?!褐贿m用于 IE』
bordercolordark="#00FF00"
該一儲存格邊框背光部分的顏色,使用bordercolorlight或bordercolordark 時(shí) bordercolor將會(huì )失效?!褐贿m用于 IE』
background="myweb.gif"
該一儲存格紙,與bgcolor任用其一。
■<TH> :
<TH>與<TD>同樣是標示一個(gè)儲存格,唯一不同的是<TH>所標示的儲存格中的文字是以粗體出現,通常用于表格第一列以標示欄目。它的用法是取代<TD>的位置便可以,其參數設定請參考<TD>。當然若為<TD>所標示的儲存格中的文字加上粗體標記<B>便等如<TH>的效果。
■<CAPTION> :
<CAPTION> 的作用是為表格標示一個(gè)標題列,有如在表格上方加上一沒(méi)格線(xiàn)的打通列。 當然亦可置于下方,通常用以存放該表格的標題。<CAPTION> 的參數設定(常用):
例如:<captionalign="top" valign="TOP"></caption>
align="TOP"
該表格標題列相對于表格的擺放貼位置(水平),可選值為: left, center, right, top, middle, bottom,若 align="bottom" 的話(huà)標題列便會(huì )出現對表格的下方,不管你的原始碼中把<caption>放在 <table>中的頭部或尾部。
valign="TOP"
該表格標題列相對于表格的擺放位置(上下),可選值為: top, bottom。和 align="TOP" 或align="BOTTOM" 是一樣的,雖然功能重復了,但如果你要標題列 置于下方及向右或向左貼 ,那末兩個(gè)參數便可一用了。當只 一個(gè)參數時(shí), 請首選 align,因為 valign 是由 HTML 3.0 才開(kāi)始的參數。
多媒體標記<BGSOUND><EMBED>
■ <BGSOUND>:
<BGSOUND>插入背景音樂(lè ),但只用于IE,且只可在<head></head>中使用其參數設定不多。如下
<BGSOUND src="http://....../noname.mp3" autostart=true loop=infinite>
src="http://....../noname.mp3"
設定音樂(lè )格式及路徑,在絕美圖庫主要使用絕對路徑,即以http://或者mms://或者rtsp://等開(kāi)頭的地址。
autostart=true
是否在音樂(lè )傳送完后,就自動(dòng)播放音樂(lè )。true表示是,false表示。loop=infinite 是否自動(dòng)重復播放。LOOP=2 表示重復兩次,Infinite或者-1表示重復多次。
■ <EMBED>:
<EMBED>是用以插入各種多媒體,格式可以是 midi、wav、wma、rm等等,并且因為音樂(lè )格式的不同,可能會(huì )有不同的控制面板出現。多種瀏覽器者支持。其參數設定較多。如下
<EMBED src="http://....../noname.mp3" autostart="true" loop="true" hidden="true">
src="http://....../noname.mp3"
設定音樂(lè )格式和路徑,用法同上。
autostart=true
是否在音樂(lè )傳送完后,就自動(dòng)播放音樂(lè )。true表示是,false表示。
loop="true"
是否自動(dòng)重復播放。loop=2 表示重復兩次,true表示是,false表示否。
hidden="true"
是否完全隱藏控制面板,true表示是,no表示否。
starttime="分:秒"
設定歌曲開(kāi)始播放的時(shí)間。如 starttime="00:30" 表示從第30秒開(kāi)始播放。
volume="0-100"
設定音量的大小,數值是0到100之間。注意不得故意將音量定得過(guò)大驚嚇看貼人,否則一定給予嚴厲懲罰。
width=" " 和 height=" "
設定控制面板的寬度和高度。
align="center"
設定控制面板和文字的對方式,其值可以是 top(頂部)、bottom(底部)、center(居中)、baseline、 left(居左)、right(居右)、texttop(文本頂部)、middle、absmiddle、absbottom。
controls="smallconsole"
設定控制面板的外貌。預設值是console。
console 一般正常的面板
smallconsole 較小的面板
playbutton 只顯示播放按鈕
pausecutton 只顯示暫停按鈕
stopbutton 只顯示停止按鈕
volumelever 只顯示音量調整鈕
舉例(下面是一段播放mp3的代碼):
<EMBED src="http://www.mzwpp.com/ylgc/music/personal/qiqin/06.mp3" autostart="false" loop="true" hidden="no" controls=console width=500 height=50>
效果如下(點(diǎn)一下播放按鈕即可播放):