網(wǎng)頁設(shè)計中最常用HTML代碼_第1頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第2頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第3頁
網(wǎng)頁設(shè)計中最常用HTML代碼_第4頁
已閱讀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 ）色碼b

2、b：表藍(lán)色（ blue ）色碼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>.&l

3、t;/sup>12. 文字閃爍效果 <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#&g

4、t; 標(biāo)簽時會自動設(shè)回預(yù)設(shè)的向左對齊。;.16. 分隔線<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. 依原始

5、樣式顯示 <pre>.</pre>19.<body> 指令的屬性【 1】背景顏色 - bgcolor <body bgcolor=#rrggbb>【 2】背景圖案- background <bodybackground=" 圖形文件名 ">【 3】設(shè)定背景圖案不會卷動 - bgproperties <body bgproperties=fixed>【 4】文件內(nèi)容文字的顏色 - text <body text=#rrggbb>【 5】超連結(jié)文字顏色 - link <body link=

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

7、.</MARQUEE>二、圖片1.插入圖片<img src=" 圖形文件名 ">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= 左右留

8、空點數(shù) >.5.圖形附注<img src=" 圖形文件名 " alt=" 說明文字 ">6.預(yù)載圖片<img src=" 高解析度圖形文件名 " lowsrc=" 低解析度圖形文件名 "> P.S. 兩個圖的圖形大小最好一致 ;7.影像地圖（Image Map ） <img src=" 圖形文件名 " usemap="# 圖的名稱 "> <map name=" 圖的名稱 "><area shape

9、= 形狀 coords= 區(qū)域座標(biāo)列表 <area shape= 形狀 coords= 區(qū)域座標(biāo)列表 <area shape= 形狀 coords= 區(qū)域座標(biāo)列表 <area shape= 形狀 coords= 區(qū)域座標(biāo)列表【 1】定義形狀 - shapehref=" 連結(jié)點之 URL">href=" 連結(jié)點之 URL">href=" 連結(jié)點之 URL">href=" 連結(jié)點之 URL"> </map>shape=rect ：矩形 shape=circle ：圓

10、形 shape=poly ：多邊形【 2】定義區(qū)域 - coordsa.矩形：必須使用四個數(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)折點座標(biāo)依序填入例： <area shape=poly coords=

11、232,70,285,70,300,90,250,90,200,78 href="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="#">#號可為

12、 left ：向左對齊center ：向中對齊right ：向右對齊【 2】垂直位置 - align <th align="#"> # 號可為top ：向上對齊middle ：向中對齊bottom ：向下對齊;.【 3】欄位寬度- width<th width= 點數(shù)或百分比 >【 4】欄位垂直合并- rowspan<th rowspan= 欲合并欄位數(shù) >【 5】欄位橫向合并- colspan<th colspan= 欲合并欄位數(shù) >四、表格的主要屬性1. <table> 標(biāo)記的主要屬性align 定義表格的對齊

13、方式，有三個屬性值 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)記用來定義表格的

14、一行，他的屬性極其屬性值定義的是表格中的該行，其主要屬性與屬性值如下：align 定義對齊方式，屬性值與上同background 定義背景圖案 bgcolor 定義背景色3. <td> 標(biāo)記。用 <td> 標(biāo)記概況起來的內(nèi)容表示表格的單元。其主要屬性與屬性值和 <table> 標(biāo)記的一樣，補充兩個合并列和行的代碼：colspan 定義合并表格的列數(shù)，屬性值是數(shù)字 rowspan 定義合并表格的行數(shù)，屬性值是數(shù)字五、 FRAME1、分割視窗指令<frameset>.</frameset>【 1】垂直（上下）分割 - rows<fr

15、ameset rows=#> # 號可為點數(shù)：如欲分割為 100,200,300 三個視窗，則 <frameset rows=100,200,300> ；亦可以 *號代表，如 <frameset rows=*,500,*>百分比：如 <frameset rows=30%,70%>，各項總和最好為100%;【 2】水平（左右）分割 - cols <frameset cols= 點數(shù)或百分比 >2、指定視窗內(nèi)容- <frame><frameset cols=30%,70%> <frame> <frame

16、> </frameset>【 1】指定視窗的文件名稱- src <frame src=HTML檔名 >【 2】定義視窗的名稱- name<frame name= 視窗名稱 >【 3】設(shè)定文件與上下邊框的距離 - marginheight <frame marginheight= 點數(shù) >.【 4】設(shè)定文件與左右邊框的距離 - marginwidth<frame marginwidth= 點數(shù) >【 5】設(shè)定分割視窗卷軸 - scrolling<frame scrolling=#> # 號可為yes ：固定出現(xiàn)卷軸no

17、：不出現(xiàn)卷軸auto ：自動判斷文件大小需不需要卷軸（預(yù)設(shè)值）【 6】鎖住分割視窗的大小 - noresize <frame noresize>六、歌曲代碼 :在這組代碼中，不必管它是，只要看尾綴是 asf 、wma 、wmv 、 wmv 、rm 都可適用下面的代碼 :1. 手動播放 :<EMBED src= 歌曲地址volume="100" width=39 height=18 hidden="FALSE"autostart="fault" type="audio/x-pn-realaudio-plugi

18、n" 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&quo

19、t; controls="PlayButton" autostart="true">-套用代碼 :<div align="center"><table border="1" width="90%" height="403" background="背景圖片地址 "><tr><td width="80%" height="100%"><p align=&quo

20、t;center"><br><br><br><font face=" 華文彩云 " size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br><p align="center"><img src="圖片地址 "><br><br><font color="#FFFFFF" size=3>

21、;介紹文字 </font><br><br><br><EMBED style="FILTER: xray()" src= 音樂地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br>.</td></tr></table></div>簡易套用代碼詳解 :<div align="

22、;center"> 是定義帖子居中 ;<table border="1" width="90%" height="403" background="背景圖片地址"><tr><td width="80%" height="100%">這其中的 border="1" 是定義表格邊線的寬度 ,定義為 0 則無邊線 ;width="90%" height="403" 分別定

23、義背景圖表格的寬度和高度 .如果背景圖是一張大圖 ,可以這樣定義 :width= 圖片寬度 height= 圖片高度<p align="center"><br><br><br><font face="華文彩云 " size="6"color="#FFFFFF"> 歌曲或音樂名稱 </font><br><br><p align="center"> 是定義文字居中的， <br> 是

24、回行代碼，加幾個就會空幾行。 <font face=" 華文彩云 " size="6" color="#FFFFFF"> 是定義文字屬性的。 face=" 華文彩云 "是定義字體，你可以把字體換成隸書、 宋體等。size="6" 是定義字號的，數(shù)字越大字越大，如果不定義，默認(rèn)是 2 號字。 color="#FFFFFF" 是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區(qū)有人發(fā)過，你可以找來改。<p align="center">&l

25、t;img src=" 圖片地址 "><br><br><font color="#FFFFFF"> 介紹文字 </font><br><br><br>第一個括號里的代碼仍然是定義圖片和文字居中的。 <img src=" 圖片地址 ">是插入圖片代碼。 <font color="#FFFFFF" size=3> 介紹文字 </font> 是定義這段文字的。如果想改變字?jǐn)Q痔濉值難丈燒瞻嶸廈嫖醫(yī)駁畝

26、宸椒?/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è)成零則為隱藏 ,并且只能自動播放 )。autostart="t

溫馨提示

  • 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

提交評論