網(wǎng)頁設(shè)計中最常用HTML代碼_第1頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第2頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第3頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第4頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

1、常用HTML代碼解釋 一、文字1.標(biāo)題文字 <h#>.</h#> #=16；h1為最大字，h6為最小字2.字體變化 <font>.</font> 【1】字體大小 <font size=#>.</font> #=17；數(shù)字愈大字也愈大 【2】指定字型 <font face="字體名稱">.</font> 【3】文字顏色 <font color=#rrggbb>.</font> rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍色（blue

2、）色碼 rrggbb也可用6位顏色代碼數(shù)字3.顯示小字體 <small>.</small> 4.顯示大字體 <big>.</big>5.粗體字 <b>.</b>6.斜體字 <i>.</i> 7.打字機字體 <tt>.</tt>8.底線 <u>.</u>9.刪除線 <strike>.</strike>10.下標(biāo)字 <sub>.</sub>11.上標(biāo)字 <sup>.</sup>12.文

3、字閃爍效果 <blink>.</blink>13.換行（也稱回車） <br>14.分段 <p> 15.文字的對齊方向 <p align="#"> #號可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊 P.S.<p align="#">之后的文字都會以所設(shè)的對齊方式顯示，直到出現(xiàn)另一個<p align="#">改變其對齊方向，遇到<hr>或<h#>標(biāo)簽時會自動設(shè)回預(yù)設(shè)的向左對齊。16.分隔線

4、<hr> 【1】分隔線的粗細(xì) <hr size=點數(shù)> 【2】分隔線的寬度 <hr size=點數(shù)或百分比> 【3】分隔線對齊方向 <hr align="#"> #號可為 left：表向左對齊（預(yù)設(shè)值） center：表向中對齊 right：表向右對齊 【4】分隔線的顏色 <hr color=#rrggbb> 【5】實心分隔線 <hr noshade>17.居中對齊 <center>.</center>18.依原始樣式顯示 <pre>.</pre>19.&

5、lt;body>指令的屬性【1】背景顏色 - bgcolor <body bgcolor=#rrggbb> 【2】背景圖案 - background <body background="圖形文件名"> 【3】設(shè)定背景圖案不會卷動 - bgproperties <body bgproperties=fixed> 【4】文件內(nèi)容文字的顏色 - text <body text=#rrggbb> 【5】超連結(jié)文字顏色 - link <body link=#rrggbb> 【6】正被選取的超連結(jié)文字顏色 - vlink

6、 <body vlink=#rrggbb> 【7】已連結(jié)過的超連結(jié)文字顏色 - alink <body alink=#rrggbb>20.文字移動指令<MARQUEE>.</MARQUEE> 移動速度指令是:scrollAmount=# #最小為1，速度為最慢；數(shù)字越大移動的越快。 移動方向指令是：direction=# up向上、down向下、left向左、right向右。 指令舉例：<MARQUEE scrollAmount=3 direction=up>.</MARQUEE>二、圖片1.插入圖片 <img sr

7、c="圖形文件名">2.設(shè)定圖框 - border <img src="圖形文件名" border=點數(shù)>3.設(shè)定圖形大小 - width、height <img src="圖形文件名" width=寬度點數(shù) height=高度點數(shù)>4.設(shè)定圖形上下左右留空 - vspace、hspace <img src="圖形文件名" vspace=上下留空點數(shù) hspace=左右留空點數(shù)>5.圖形附注 <img src="圖形文件名" alt="說

8、明文字">6.預(yù)載圖片<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個圖的圖形大小最好一致;7.影像地圖（Image Map） <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱"><area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點之URL"><area shape=形狀 coords=區(qū)域

9、座標(biāo)列表 href="連結(jié)點之URL"><area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點之URL"><area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點之URL"> </map>【1】定義形狀 - shapeshape=rect：矩形 shape=circle：圓形 shape=poly：多邊形 【2】定義區(qū)域 - coordsa.矩形：必須使用四個數(shù)字，前兩個數(shù)字為左上角座標(biāo)，后兩個數(shù)字為右下角座標(biāo)例：<area shape=rect

10、 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)折點座標(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

11、> 表格標(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：向上對齊 mi

12、ddle：向中對齊 bottom：向下對齊 【3】欄位寬度 - width <th width=點數(shù)或百分比> 【4】欄位垂直合并 - rowspan <th rowspan=欲合并欄位數(shù)> 【5】欄位橫向合并 - colspan <th colspan=欲合并欄位數(shù)>四、表格的主要屬性 1. <table>標(biāo)記的主要屬性 align定義表格的對齊方式，有三個屬性值center，left，right background定義表格的背景圖案，屬性值為圖片的地址 bgcolor定義表格的背景顏色，屬性值是各種顏色代碼 border定義表格的邊框?qū)挾龋?/p>

13、屬性值是數(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&g

14、t;標(biāo)記概況起來的內(nèi)容表示表格的單元。其主要屬性與屬性值和<table>標(biāo)記的一樣，補充兩個合并列和行的代碼： colspan定義合并表格的列數(shù)，屬性值是數(shù)字 rowspan定義合并表格的行數(shù)，屬性值是數(shù)字 五、FRAME1、分割視窗指令 <frameset>.</frameset> 【1】垂直（上下）分割 - rows<frameset rows=#> #號可為點數(shù)： 如欲分割為100,200,300三個視窗，則<frameset rows=100,200,300>； 亦可以*號代表，如<frameset rows=*,500

15、,*> 百分比：如<frameset rows=30%,70%>，各項總和最好為100%;【2】水平（左右）分割 - cols <frameset cols=點數(shù)或百分比>2、指定視窗內(nèi)容 - <frame><frameset cols=30%,70%> <frame> <frame> </frameset>【1】指定視窗的文件名稱 - src <frame src=HTML檔名> 【2】定義視窗的名稱 - name<frame name=視窗名稱> 【3】設(shè)定文件與上下邊框的距離

16、 - marginheight<frame marginheight=點數(shù)> 【4】設(shè)定文件與左右邊框的距離 - marginwidth<frame marginwidth=點數(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、

17、wmv、rm都可適用下面的代碼: 1. 手動播放: <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"> 2. 打開頁面自動播放: <EMBED src="歌曲地址" width="39" height="1

18、8" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true"> -套用代碼:<div align="center"><table border

19、="1" width="90%" height="403" background="背景圖片地址"><tr><td width="80%" height="100%"><p align="center"><br><br><br><font face="華文彩云" size="6" color="#FFFFFF"&g

20、t;歌曲或音樂名稱</font><br><br><p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF" size=3>介紹文字</font><br><br><br><EMBED style="FILTER: xray()" src=音樂地址 width=250 height=30 type=aud

21、io/x-ms-wma autostart="true" loop="-1"><br><br><br></td></tr></table></div>簡易套用代碼詳解:<div align="center">是定義帖子居中;<table border="1" width="90%" height="403" background="背景圖片地址"&g

22、t;<tr><td width="80%" height="100%">這其中的border="1"是定義表格邊線的寬度,定義為0則無邊線;width="90%" height="403"分別定義背景圖表格的寬度和高度.如果背景圖是一張大圖,可以這樣定義:width=圖片寬度 height=圖片高度<p align="center"><br><br><br><font face="華文彩云

23、" size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br><p align="center">是定義文字居中的，<br>是回行代碼，加幾個就會空幾行。<font face="華文彩云" size="6" color="#FFFFFF">是定義文字屬性的。face="華文彩云"是定義字體，你可以把字體換成隸書、宋體等。size=&q

24、uot;6"是定義字號的，數(shù)字越大字越大，如果不定義，默認(rèn)是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區(qū)有人發(fā)過，你可以找來改。<p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF">介紹文字</font><br><br><br>第一個括號里的代碼仍然是定義圖片和文字居中的。<im

25、g src="圖片地址">是插入圖片代碼。<font color="#FFFFFF" size=3>介紹文字</font>是定義這段文字的。如果想改變字?jǐn)Q痔濉值難丈燒瞻嶸廈嫖醫(yī)駁畝宸椒?/font><EMBED style="FILTER: xray()" src=音樂地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1">這一段是插入播放器代碼，因為我插的是特殊的播放器，style="FILTER: xray()" 是特殊代碼。“src=音樂地址”是插入音樂文件的地址。width=250 height=30分別定義播放器的寬度和高度(如果把寬和高都設(shè)成零則為隱藏,并且只能自動播放)。autosta

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論