- 相關(guān)推薦
常用HTML代碼解釋
一、文字
1.標(biāo)題文字 <h#>..........</h#>#=1~6；h1為最大字，h6為最小字
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font>#=1~7；數(shù)字愈大字也愈大
【2】指定字型 <fontface="字體名稱">..........</font>
【3】文字顏色 <fontcolor=#rrggbb>..........</font>
rr：表紅色（red）色碼
gg：表綠色（green）色碼
bb：表藍(lán)色（blue）色碼
rrggbb也可用6位顏色代碼數(shù)字
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.文字的對齊方向 <p align="#"> #號可為left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊P.S.<palign="#">之后的文字都會以所設(shè)的對齊方式顯示，直到出現(xiàn)另一個<palign="#">改變其對齊方向，遇到<hr>或<h#>標(biāo)簽時會自動設(shè)回預(yù)設(shè)的向左對齊。
16.分隔線 <hr>
【1】分隔線的粗細(xì) <hr size=點(diǎn)數(shù)>
【2】分隔線的寬度 <hr size=點(diǎn)數(shù)或百分比>
【3】分隔線對齊方向 <hr align="#">
#號可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊right：表向右對齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實心分隔線 <hr noshade>
17.居中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <bodybackground="圖形文件名">
【3】設(shè)定背景圖案不會卷動 -- bgproperties <bodybgproperties=fixed>
【4】文件內(nèi)容文字的顏色 -- text <body text=#rrggbb>
【5】超連結(jié)文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結(jié)文字顏色 -- vlink <bodyvlink=#rrggbb>
【7】已連結(jié)過的超連結(jié)文字顏色 -- alink <bodyalink=#rrggbb>
20.文字移動指令<MARQUEE>..........</MARQUEE>
移動速度指令是:scrollAmount=##最小為1，速度為最慢；數(shù)字越大移動的越快。
移動方向指令是：direction=#up向上、down向下、left向左、right向右。
指令舉例：<MARQUEE scrollAmount=3direction=up>..........</MARQUEE>
二、圖片
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 <imgsrc="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)>
5.圖形附注 <img src="圖形文件名" alt="說明文字">
6.預(yù)載圖片
<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名">P.S.兩個圖的圖形大小最好一致;
7.影像地圖（Image Map） <img src="圖形文件名"usemap="#圖的名稱"> <map >
<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.矩形：必須使用四個數(shù)字，前兩個數(shù)字為左上角座標(biāo)，后兩個數(shù)字為右下角座標(biāo)
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圓形：必須使用三個數(shù)字，前兩個數(shù)字為圓心的座標(biāo)，最后一個數(shù)字為半徑長度
例：<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,78href="URL"
三、表格相關(guān)
1.表格標(biāo)題
<caption>..........</caption>
表格標(biāo)題位置 -- align
<caption align="#"> #號可為top：表標(biāo)題置于表格上方（預(yù)設(shè)值）
bottom：表標(biāo)題置于表格下方
2.定義列 <tr>
3.定義欄位 《1》<td>：靠左對齊
《2》<th>：靠中對齊ⅱ粗體
【1】水平位置 -- align <th align="#">
#號可為 left：向左對齊 center：向中對齊 right：向右對齊
【2】垂直位置 -- align <th align="#"> #號可為
top：向上對齊 middle：向中對齊 bottom：向下對齊
【3】欄位寬度 -- width <th width=點(diǎn)數(shù)或百分比>
【4】欄位垂直合并 -- rowspan <th rowspan=欲合并欄位數(shù)>
【5】欄位橫向合并 -- colspan <th colspan=欲合并欄位數(shù)>
四、表格的主要屬性
1. <table>標(biāo)記的主要屬性
align定義表格的對齊方式，有三個屬性值center，left，right
background定義表格的背景圖案，屬性值為圖片的地址
bgcolor定義表格的背景顏色，屬性值是各種顏色代碼
border定義表格的邊框?qū)挾龋瑢傩灾凳菙?shù)字
bordercolor定義表格邊框的顏色，屬性值是各種顏色代碼
cellpadding定義單元格內(nèi)容與單元格邊框之間的距離，屬性值是數(shù)字
cellspacing定義表格中單元格之間的距離
height定義表格的高度，屬性值是數(shù)字
width定義表格的寬度，屬性值是數(shù)字
2.<tr>標(biāo)記，表格是由多行與多列組成的，<tr>標(biāo)記用來定義表格的一行，他的屬性極其屬性值定義的是表格中的該行，其主要屬性與屬性值如下：
align定義對齊方式，屬性值與上同
background定義背景圖案 bgcolor定義背景色
3.<td>標(biāo)記。用<td>標(biāo)記概況起來的內(nèi)容表示表格的單元。其主要屬性與屬性值和<table>標(biāo)記的一樣，補(bǔ)充兩個合并列和行的代碼：
colspan定義合并表格的列數(shù)，屬性值是數(shù)字
rowspan定義合并表格的行數(shù)，屬性值是數(shù)字
五、FRAME
1、分割視窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #號可為點(diǎn)數(shù)：
如欲分割為100,200,300三個視窗，則<framesetrows=100,200,300>；
亦可以*號代表，如<frameset rows=*,500,*>
百分比：如<frameset rows=30%,70%>，各項總和最好為100%;
【2】水平（左右）分割 -- cols <framesetcols=點(diǎn)數(shù)或百分比>
2、指定視窗內(nèi)容 -- <frame>
<frameset cols=30%,70%> <frame> <frame></frameset>
【1】指定視窗的文件名稱 -- src <frame src=HTML檔名>
【2】定義視窗的名稱 -- name
<frame
【3】設(shè)定文件與上下邊框的距離 -- marginheight
<frame marginheight=點(diǎn)數(shù)>
【4】設(shè)定文件與左右邊框的距離 -- marginwidth
<frame marginwidth=點(diǎn)數(shù)>
【5】設(shè)定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號可為 yes：固定出現(xiàn)卷軸
no：不出現(xiàn)卷軸
auto：自動判斷文件大小需不需要卷軸（預(yù)設(shè)值）
【6】鎖住分割視窗的大小 -- noresize <frame noresize>
六、歌曲代碼:
在這組代碼中，不必管它是mms.http.rtsp，只要看尾綴是asf、wma、wmv、wmv、rm都可適用下面的代碼:
1. 手動播放:
<EMBED src=歌曲地址 volume="100" width=39 height=18hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin"controls="PlayButton">
2. 打開頁面自動播放:
<EMBED src="歌曲地址" width="39" height="18" autostart="true"hidden="false" loop="infinite" align="middle" volume="100"type="audio/x-pn-realaudio-plugin" controls="PlayButton"autostart="true">
------------------------------------------------------------------
套用代碼:
<p align="center">
<table border="1" width="90%" height="403"background="背景圖片地址">
<tr><td width="80%" height="100%">
<p align="center"><br><br><br>
<font face="華文彩云" size="6"color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<p align="center"><imgsrc="圖片地址"><br><br>
<font color="#FFFFFF"size=3>介紹文字</font><br><br><br>
<EMBED style="FILTER: xray()" src=音樂地址 width=250height=30 type=audio/x-ms-wma autostart="true"loop="-1"><br><br><br>
</td></tr>
</table>
</p>
簡易套用代碼詳解:
<p align="center">是定義帖子居中;
<table border="1" width="90%" height="403"background="背景圖片地址"><tr><td width="80%"height="100%">
這其中的border="1"是定義表格邊線的寬度,定義為0則無邊線;width="90%"height="403"分別定義背景圖表格的寬度和高度.如果背景圖是一張大圖,可以這樣定義:width=圖片寬度height=圖片高度
<p align="center"><br><br><br><fontface="華文彩云" size="6"color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<palign="center">是定義文字居中的，<br>是回行代碼，加幾個就會空幾行。<fontface="華文彩云" size="6"color="#FFFFFF">是定義文字屬性的。face="華文彩云"是定義字體，你可以把字體換成隸書、宋體等。size="6"是定義字號的，數(shù)字越大字越大，如果不定義，默認(rèn)是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區(qū)有人發(fā)過，你可以找來改。
<p align="center"><imgsrc="圖片地址"><br><br><fontcolor="#FFFFFF">介紹文字</font><br><br><br>
第一個括號里的代碼仍然是定義圖片和文字居中的。<imgsrc="圖片地址">是插入圖片代碼。<font color="#FFFFFF"size=3>介紹文字</font>是定義這段文字的。如果想改變字?jǐn)Q⒆痔�、字惦y丈燒瞻嶸廈嫖醫(yī)駁畝ㄒ宸椒ā?/font>
<EMBED style="FILTER: xray()" src=音樂地址 width=250height=30 type=audio/x-ms-wma autostart="true" loop="-1">
這一段是插入播放器代碼，因為我插的是特殊的播放器，style="FILTER:xray()" 是特殊代碼。“src=音樂地址”是插入音樂文件的地址。width=250height=30分別定義播放器的寬度和高度(如果把寬和高都設(shè)成零則為隱藏,并且只能自動播放)。autostart="true"loop="-1"是定義音樂播放方式的，autostart="true"是設(shè)定手動或自動播放，“true”或“1”是自動播放，“false”或“0”是手動播放；loop="-1"是播放次數(shù)，“true”或“1”表示重復(fù)播放，“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></p>回行代碼和與前面對應(yīng)的固定代碼。
<EMBED style="FILTER: xray()" src=音樂地址 width=250 height=30type=audio/x-ms-wma autostart="true" loop="-1">
這一段是插入播放器代碼，因為我插的是特殊的播放器，style="FILTER:xray()" 是特殊代碼。“src=音樂地址”是插入音樂文件的地址。width=250height=30分別定義播放器的寬度和高度(如果把寬和高都設(shè)成零則為隱藏,并且只能自動播放)。autostart="true"loop="-1"是定義音樂播放方式的，autostart="true"是設(shè)定手動或自動播放，“true”或“1”是自動播放，“false”或“0”是手動播放；loop="-1"是播放次數(shù)，“true”或“1”表示重復(fù)播放，“false”“-1”或“0”是只播放一次。
<br><br><br></td></tr></table></p>回行代碼和與前面對應(yīng)的固定代碼。
p 全稱 pision意為“區(qū)分”，稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。
使用 p 的方法跟使用其他 tag 的方法一樣：
<p>This is a p tag .</p>
如果單獨(dú)使用 p 而不加任何 CSS-P, 那么它在網(wǎng)頁中的效果和使用<P></P> 是一樣的。
但當(dāng)我們把 CSS-P 用到 p中去以后，我么就可以嚴(yán)格設(shè)定它的位置。首先我們需要給這個可以被CSS-P 控制的 p 一個 ID 或說是它的名字。比如說我們給下面這個 p的名字是 truck。給名字的目的是我們以后可用 JavaScript 來控制它，比如說移動它或改變它的一些性質(zhì)等等。
<p >
This is a truck
</p>
<span>是html的標(biāo)記
Span元素不同于一般的HTML元素，它沒有自己的顯示內(nèi)容和顯示特性。只是一個裝載CSS信息的容器，用來定義一個由文本和HTML標(biāo)簽組成的信息塊。
它是可以引用css樣式的，一般的font不可以
p是指塊文字，像你要定義一塊文字可以用到它。另外做層的時候也經(jīng)用到它，它就是讓一塊東西集成為一個集合.
p標(biāo)簽可以以類或ID附加css樣式
1.類
<p >……</p>
2.ID
<p >……</p>
如果用id附加，那么css中應(yīng)該首先創(chuàng)建這個ID：
如：
#abc .font {
font-family: Verdana, "宋體";
color: #FF00CC;
}
其中abc就是id
可以在abc這個id下建立很多css屬性，這樣所有在<p>……</p>這個標(biāo)簽中的內(nèi)容將遵循abc這個id下的css屬性。
SPAN 和 p的區(qū)別在于，p(pision)是一個塊級元素，可以包含段落、標(biāo)題、表格，乃至諸如章節(jié)、摘要和備注等。而SPAN是行內(nèi)元素，SPAN的前后是不會換行的，它沒有結(jié)構(gòu)的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時，可以使用SPAN。
下面以一個實例來說明這兩個屬性的區(qū)別。
代碼：
�。約pan＞SPAN標(biāo)記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，＜span＞標(biāo)識符允許你將一個段落分成不同的部分。
還有一個標(biāo)識符具有類似的功能，＜p＞p也被用來在HTML文件中建立邏輯部分。但與＜p＞SPAN不同，＜p＞工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果：
SPAN標(biāo)記有一個重要而實用的特性，即它什么事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，標(biāo)識符允許你將一個段落分成不同的部分。
還有一個標(biāo)識符具有類似的功能，p也被用來在HTML文件中建立邏輯部分。但與SPAN不同，工作于文本塊一級，它在它所包含的HTML元素的前面及后面都引入了行分隔。
【常用HTML代碼解釋】相關(guān)文章：
HTML的代碼注釋10-07
網(wǎng)頁設(shè)計常用HTML代碼大全10-25
過濾HTML代碼08-29
HTML代碼是什么05-10
如何正確使用html代碼10-01
精選Html技巧語義化代碼10-03
php如何過濾危險html代碼09-21
關(guān)于MyEclipse代碼提示設(shè)置包括html和jsp的代碼09-25
如何在HTML頁面插入flash代碼09-07