常用代碼匯編
1.標(biāo)題文字 <h#>..........</h#> #=1~6；h1為最大字，h6為最小字
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font> #=1~7；數(shù)字愈大字也愈大
【2】指定字型 <font face="字體名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font> rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍(lán)色（blue）色碼
3.顯示小字體 <small>..........</small>
4.顯示大字體 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機(jī)字體 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標(biāo)字 <sub>..........</sub>
11.上標(biāo)字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
13.換行 <br>
14.分段 <p>
15.文字的對(duì)齊方向 <p align="#"> #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊 P.S.<p align="#">之後的文字都會(huì)以所設(shè)的對(duì)齊方式顯示， 直到出現(xiàn)另一個(gè)<p align="#">改變其對(duì)齊方向，遇到 <hr>或<h#>標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。
16.分隔線 <hr>
【1】分隔線的粗細(xì) <hr size=點(diǎn)數(shù)>
【2】分隔線的寬度 <hr size=點(diǎn)數(shù)或百分比>
【3】分隔線對(duì)齊方向 <hr align="#"> #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實(shí)心分隔線 <hr noshade>
17.居中對(duì)齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名">
【3】設(shè)定背景圖案不會(huì)卷動(dòng) -- bgproperties <body bgproperties=fixed>
【4】文件內(nèi)容文字的顏色 -- text <body text=#rrggbb>
【5】超連結(jié)文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結(jié)文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結(jié)過(guò)的超連結(jié)文字顏色 -- alink <body alink=#rrggbb>
一、圖片
1.插入圖片 <img src="圖形文件名">
2.設(shè)定圖框 -- border <img src="圖形文件名" border=點(diǎn)數(shù)>
3.設(shè)定圖形大小 -- width、height <img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)>
4.設(shè)定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)>
5.圖形附注 <img src="圖形文件名" alt="說(shuō)明文字">
6.預(yù)載圖片
<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個(gè)圖的圖形大小最好一致
7.影像地圖（Image Map） <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">
<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">
<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">
<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">
<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"> </map>
【1】定義形狀 -- shape
shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形
【2】定義區(qū)域 -- coords
a.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度
例：<area shape=circle coords=85,155,30 href="URL">
c.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入
例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
二、表格相關(guān)
1.表格標(biāo)題
<caption>..........</caption>
表格標(biāo)題位置 -- align
<caption align="#"> #號(hào)可為 top：表標(biāo)題置于表格上方（預(yù)設(shè)值）
bottom：表標(biāo)題置于表格下方
2.定義列 <tr>
3.定義欄位 《1》<td>：靠左對(duì)齊
《2》<th>：靠中對(duì)齊ⅱ粗體
【1】水平位置 -- align <th align="#">
#號(hào)可為 left：向左對(duì)齊
center：向中對(duì)齊 right：向右對(duì)齊
【2】垂直位置 -- align <th align="#"> #號(hào)可為
top：向上對(duì)齊 middle：向中對(duì)齊
bottom：向下對(duì)齊
【3】欄位寬度 -- width
<th width=點(diǎn)數(shù)或百分比>
【4】欄位垂直合并 -- rowspan
<th rowspan=欲合并欄位數(shù)>
【5】欄位橫向合并 -- colspan
<th colspan=欲合并欄位數(shù)>
三、FRAME
1、分割視窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #號(hào)可為點(diǎn)數(shù)：如欲分割為100,200,300三個(gè)視窗，則
<frameset rows=100,200,300>；亦可以*號(hào)代表，如<frameset rows=*,500,*>
百分比：如<frameset rows=30%,70%>，各 項(xiàng)總和最好為100%
【2】水平（左右）分割 -- cols <frameset cols=點(diǎn)數(shù)或百分比>
2、指定視窗內(nèi)容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定視窗的文件名稱 -- src <frame src=HTML檔名>
【2】定義視窗的名稱 -- name
<frame name=視窗名稱>
【3】設(shè)定文件與上下邊框的距離 -- marginheight
<frame marginheight=點(diǎn)數(shù)>
【4】設(shè)定文件與左右邊框的距離 -- marginwidth
<frame marginwidth=點(diǎn)數(shù)>
【5】設(shè)定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號(hào)可為 yes：固定出現(xiàn)卷軸
no：不出現(xiàn)卷軸 auto：自動(dòng)判斷文件大小需不需要卷軸（預(yù)設(shè)值）
【6】鎖住分割視窗的大小 -- noresize <frame noresize>
