常用的html代碼
常用HTML代碼解釋
一、文字
1.標題文字 <h#>..........</h#> #=1~;h1為最大字,h6為最小字
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font> #=1~7;數字愈大字也愈大
【2】指定字型 <font face="字體名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font>
rr:表紅色(red)色碼
gg:表綠色(green)色碼
bb:表藍色(blue)色碼
rrggbb也可用6位顏色代碼數字
3.顯示小字體 <small>..........</small>
4.顯示大字體 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機字體 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標字 <sub>..........</sub>
11.上標字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
13.換行(也稱回車) <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊 P.S.<p align="#">之後的文字都會以所設的對齊方式顯示,直到出現另一個<p align="#">改變其對齊方向,遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。
16.分隔線 <hr>
【1】分隔線的粗細 <hr size=點數>
【2】分隔線的寬度 <hr size=點數或百分比>
【3】分隔線對齊方向 <hr align="#">
#號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實心分隔線 <hr noshade>
17.居中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名">
【3】設定背景圖案不會卷動 -- bgproperties <body bgproperties=fixed>
【4】文件內容文字的顏色 -- text <body text=#rrggbb>
【5】超連結文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>
20.文字移動指令<MARQUEE>..........</MARQUEE>
移動速度指令是:scrollAmount=# #最小為1,速度為最慢;數字越大移動的越快。
移動方向指令是:direction=# up向上、down向下、left向左、right向右。
指令舉例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、圖片
1.插入圖片 <img src="圖形文件名">
2.設定圖框 -- border <img src="圖形文件名" border=點數>
3.設定圖形大小 -- width、height <img src="圖形文件名" width=寬度點數 height=高度點數>
4.設定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點數 hspace=左右留空點數>
5.圖形附註 <img src="圖形文件名" alt="說明文字">
6.預載圖片
<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個圖的圖形大小最好一致;
7.影像地圖(Image Map) <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL"> </map>
【1】定義形狀 -- shape
shape=rect:矩形 shape=circle:圓形 shape=poly:多邊形
【2】定義區域 -- coords
a.矩形:必須使用四個數字,前兩個數字為左上角座標,後兩個數字為右下角座標
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圓形:必須使用三個數字,前兩個數字為圓心的座標,最後一個數字為半徑長度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意圖形(多邊形):將圖形之每一轉折點座標依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相關
1.表格標題
<caption>..........</caption>
表格標題位置 -- align
<caption align="#"> #號可為 top:表標題置於表格上方(預設值)
bottom:表標題置於表格下方
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=點數或百分比>
【4】欄位垂直合並 -- rowspan <th rowspan=欲合並欄位數>
【5】欄位橫向合並 -- colspan <th colspan=欲合並欄位數>
四、表格的主要屬性
1. <table>標記的主要屬性
align定義表格的對齊方式,有三個屬性值center,left,right
background定義表格的背景圖案,屬性值為圖片的地址
bgcolor定義表格的背景顏色,屬性值是各種顏色代碼
border定義表格的邊框寬度,屬性值是數字
bordercolor定義表格邊框的顏色,屬性值是各種顏色代碼
cellpadding定義單元格內容與單元格邊框之間的距離,屬性值是數字
cellspacing定義表格中單元格之間的距離
height定義表格的高度,屬性值是數字
width定義表格的寬度,屬性值是數字
2. <tr>標記,表格是由多行與多列組成的,<tr>標記用來定義表格的一行,他的屬性極其屬性值定義的是表格中的該行,其主要屬性與屬性值如下:
align定義對齊方式,屬性值與上同
background定義背景圖案 bgcolor定義背景色
3. <td>標記。用<td>標記概況起來的內容表示表格的單元。其主要屬性與屬性值和<table>標記的一樣,補充兩個合並列和行的代碼:
colspan定義合並表格的列數,屬性值是數字
rowspan定義合並表格的行數,屬性值是數字
五、FRAME
1、分割視窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 -- rows
<frameset rows=#> #號可為點數:
如欲分割為100,200,300三個視窗,則<frameset rows=100,200,300>;
亦可以*號代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各項總和最好為100%;
【2】水平(左右)分割 -- cols <frameset cols=點數或百分比>
2、指定視窗內容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定視窗的文件名稱 -- src <frame src=HTML檔名>
【2】定義視窗的名稱 -- name
<frame name=視窗名稱>
【3】設定文件與上下邊框的距離 -- marginheight
<frame marginheight=點數>
【4】設定文件與左右邊框的距離 -- marginwidth
<frame marginwidth=點數>
【5】設定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號可為 yes:固定出現卷軸
no:不出現卷軸
auto:自動判斷文件大小需不需要卷軸(預設值)
【6】鎖住分割視窗的大小 -- noresize <frame noresize>
六、歌曲代碼:
在這組代碼中,不必管它是mms.http.rtsp,只要看尾綴是asf、wma、wmv、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="18" 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="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"><img src="圖片地址"><br><br>
<font color="#FFFFFF" size=3>介紹文字</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="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><font face="華文彩雲" size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<p align="center">是定義文字居中的,<br>是回行代碼,加幾個就會空幾行。<font face="華文彩雲" size="6" color="#FFFFFF">是定義文字屬性的。face="華文彩雲"是定義字體,你可以把字體換成隸書、宋體等。size="6"是定義字型大小的,數字越大字越大,如果不定義,默認是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區有人發過,你可以找來改。
<p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF">介紹文字</font><br><br><br>
第一個括弧里的代碼仍然是定義圖片和文字居中的。<img src="圖片地址">是插入圖片代碼。<font color="#FFFFFF" size=3>介紹文字</font>是定義這段文字的。如果想改變字擰⒆痔濉⒆值難丈
㈡ 尋製作HTML的一些常用代碼
1)貼圖:<img
src="圖片地址">
2)加入連接:<a
href="所要連接的相關地址">寫上你想寫的字</a>
3)在新窗口打開連接:<a
href="相關地址"
target="_blank">寫上要寫的字</a>
4)移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
5)字體加粗:<b>寫上你想寫的字</b>
6)字體斜體:<i>寫上你想寫的字</i>
7)字體下劃線:
<u>寫上你想寫的字</u>
字體刪除線:
<s>寫上你想寫的字</s>
9)字體加大:
<big>寫上你想寫的字</big>
10)字體控制大小:<h1>寫上你想寫的字</h1>
(其中字體大小可從h1-h5,h1最大,h5最小)
11)更改字體顏色:<font
color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
12)消除連接的下劃線:<a
href="相關地址"
style="text-decoration:none">寫上你想寫的字</a>
13)貼音樂:<embed
src="音樂地址"
width="寬度"
height="高度"
autostart=false>
14)貼flash:
<embed
src="flash地址"
width="寬度"
height="高度">
15)貼影視文件:<img
dynsrc="文件地址"
width="寬度"
height="高度"
start=mouseover>
16)換行:<br>
17)段落:<p>段落</p>
1原始文字樣式:<pre>正文</pre>
19)換帖子背景:<body
background="背景圖片地址">
20)固定帖子背景不隨滾動條滾動:<body
background="背景圖片地址"
body
bgproperties=fixed>
21)定製帖子背景顏色:<body
bgcolor="#value">(value值見10)
22)帖子背景音樂:<bgsound="背景音樂地址"
loop=infinite>
23)貼網頁:<iframe
src="相關地址"
width="寬度"
height="高度"></iframe>
㈢ 求常用的html代碼
我暈 樓上的那個 iamXiaMi 完全是亂搞啊 <html> //網頁開始
<head> //頭文件開始
<base href="當前文檔的url全稱(基底網址)" target="空白(_B)/父(_P)/自身(_s)/頂部(_T)">
<basefont face="隸書" size="6" color="blue"> //設定基準的文字字體,字型大小和顏色
<title>設定顯示在瀏覽器左上方的標題內容</title>
<isindex> //表明該文檔是一個可用於檢索的網關腳本,由伺服器自動建立
<meta name="keywords" content="關鍵字" />
<meta name="description" content="網頁說明" />
<meta http-equiv="refresh" content="刷新時間/單位秒" />
<meta http-equiv="refresh" content="跳轉時間/單位秒;URL=跳轉地址" />
<Meta name="Copyright" Content="版權說明"> //Copyright (版權)
<Meta name="Generator" Content="你所用的編輯器"> //Generator (編輯器)
<Meta name="revisit-after" Content=""> //revisit-after (重訪)
<Meta name="build" Content="時間"> //Build(網站建站時間)
<Meta name="Reply-to" Content="郵箱地址"> //Reply-to(聯系人郵箱)
<meta http-equiv="Content-Type" content="text/html";charset="gb2312"/>
<meta http-equiv="page-enter" content="revealtrans(ration=3,transtion=20)"
<meta http-equiv="page-exit" content="revealtrans(ration=3,transtion=20)"//ration濾鏡持續時間 transtion 濾鏡類型,表示使用哪種特效,取值為0-23.0 矩形減小 1 矩形擴大 2 圓形縮小 3 圓形擴大 4 向上擦除 5 向下擦除 6 向左擦除 7 向右擦除 8 垂直百葉窗 9 水平百葉窗 10 橫向棋盤式 11 縱向棋盤式 12 溶解 13 左右向中部收縮 14 中部向左右展開 15 上下向中部收縮
6 向左擦除 7 向右擦除 8 垂直百葉窗 9 水平百葉窗 10 橫向棋盤式 16 中部向上下展開 17 階梯狀向左下展開 18 階梯狀向左上展開 19 階梯狀向右下展開 20 階梯狀向右上展開 21 隨機水平線 22 隨機垂直線 23 以上隨機選擇
<style> 設定css層疊樣式表的內容
<link> 設定外部文件的連接
<script>設定頁面中程序的腳本內容
</head> //頭文件結束
<body bgcolor 等等標記 > // 主題開始
<bgcolor="顏色代碼"> 設定頁面背景顏色
<background ="圖片url地址">設定頁面背景圖像
<text ="顏色代碼">設定頁面文字顏色
<bgproper-ties="fixed"> 設定頁面背景圖像為固定
<link ="顏色代碼">設定頁面默認的連接顏色
<vlink ="顏色代碼">訪問後的連接顏色
<alink ="顏色代碼">滑鼠正在單擊時的連接顏色
<leftmargin ="值">設定頁面左邊距
<topmargin ="值">頁面右邊距
</body> // 主題結束
</html> //網頁結束
http-equiv常用類型
Expires(期限) 說明 指定網頁在緩存中的過期時間,一旦網頁過期,必須到伺服器上重新調閱。用法<Meta http-equiv="Expires" Content="Web,26 Feb 2009 08:21:57 GMT"> content 必須是GTM的時間格式 直接輸入數字 表示多少時間後過期
Pragma (cach 模式)禁止瀏覽器從本地機的緩存中調閱頁面內容 用法 <Meta http-equiv="Pragma" Content="No-cach">這樣設定 瀏覽者無法離線瀏覽
Window-target (顯示窗口設定)
<Meta http-equiv="Window-target" Content="_top"> 用來防止別人在框架裡面調用你的頁面 Content 選項 _blank _top _self _parent
// 文字標記
標題字 <h1></h1> ...<h6></h6>
粗體<b> 斜體<em> 刪除線<s> 下劃線<u> 上標<sup> 下標<bup> 大字型大小<big> 小字型大小<small> 段落<p> 段落對齊<p align="left"> 預格式化<pre> 居中 <center> 水平線<hr> 水平線屬性<hr width="100" size="10" color="#000000" align="center"> 換行<br> <kbd> 提示信息 <var> 變數標記 /!<address>作者信息 <blink>文字閃爍標記 <tt>文字打字!/ 文字標記 <font face ="value" size="value" color="value">文字</font>
<plaintext>顯示html代碼 <ruby>被標示的文字<rt>說明文字</rt></ruby>
㈣ 常用HTML代碼解釋
一、文字
1.標題文字 <h#>..........</h#> #=1~6;h1為最大字,h6為最小字
(註:h1權重最高,一般hi都是插入關鍵詞,著重強調修飾)
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font> #=1~7;數字愈大字也愈大
【2】指定字型 <font face="字體名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font>
rr:表紅色(red)色碼
gg:表綠色(green)色碼
bb:表藍色(blue)色碼
rrggbb也可用6位顏色代碼數字
(註:字體出現顏色或大小變化,搜索引擎會起強調作用)
3.顯示小字體 <small>..........</small>
4.顯示大字體 <big>..........</big>
(大字體顯示在不影響網站美觀度的基礎上有助於關鍵詞索引)
5.粗體字 <b>..........</b>
(強調作用)
6.斜體字 <i>..........</i>
(強調作用)
7.打字機字體 <tt>..........</tt>
8.底線 <u>..........</u>
(強調作用)
9.刪除線 <strike>..........</strike>
10.下標字 <sub>..........</sub>
11.上標字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
(效果)
13.換行(也稱回車) <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊 P.S.<p align="#">之後的文字都會以所設的對齊方式顯示,直到出現另一個<p align="#">改變其對齊方向,遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。
16.分隔線 <hr>
【1】分隔線的粗細 <hr size=點數>
【2】分隔線的寬度 <hr size=點數或百分比>
【3】分隔線對齊方向 <hr align="#">
#號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實心分隔線 <hr noshade>
17.居中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名">
【3】設定背景圖案不會卷動 -- bgproperties <body bgproperties=fixed>
【4】文件內容文字的顏色 -- text <body text=#rrggbb>
【5】超連結文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>
20.文字移動指令<MARQUEE>..........</MARQUEE>
移動速度指令是:scrollAmount=# #最小為1,速度為最慢;數字越大移動的越快。
移動方向指令是:direction=# up向上、down向下、left向左、right向右。
指令舉例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
㈤ 常用的HTML代碼有那些
呵呵, 網上看到的,比較全,並不是我總結的,特此申明一下。
<html></html> 創建一個HTML文檔
<head></head> 設置文檔標題和其它在網頁中不顯示的信息
<title></title> 設置文檔的標題
<h1></h1> 最大的標題
<pre></pre> 預先格式化文本
<u></u> 下劃線
<b></b> 黑體字
<i></i> 斜體字
<tt></tt> 打字機風格的字體
<cite></cite> 引用,通常是斜體
<em></em> 強調文本(通常是斜體加黑體)
<strong></strong> 加重文本(通常是斜體加黑體)
<font size="" color=""></font> 設置字體大小從1到7,顏色使用名字或RGB的十六進
制值
<BASEFONT></BASEFONT> 基準字體標記
<big></big> 字體加大
<SMALL></SMALL> 字體縮小
<STRIKE></STRIKE> 加刪除線
<CODE></CODE> 程式碼
<KBD></KBD> 鍵盤字
<SAMP></SAMP> 範例
<VAR></VAR> 變數
<BLOCKQUOTE></BLOCKQUOTE> 向右縮排
<DFN></DFN> 述語定義
<ADDRESS></ADDRESS> 地址標記
<sup></SUP> 上標字
<SUB></SUB> 下標字
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style ='font-size:100 px'>...</font>無限增大
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式標志〉》◆◆◆◆◆◆◆◆◆◆◆◆
<p></p> 創建一個段落
<p align=""> 將段落按左、中、右對齊
<br>換行 插入一個回車換行符
<blockquote></blockquote> 從兩邊縮進文本
<dl></dl> 定義列表
<dt> 放在每個定義術語詞前
<dd> 放在每個定義之前
<ol></ol> 創建一個標有數字的列表
<ul></ul> 創建一個標有圓點的列表
<li> 放在每個列表項之前,若在<ol></ol>之間則每個列表項加上一個數字,
若在<ul></ul>之間則每個列表項加上一個圓點
<div align=""></div> 用來排版大塊HTML段落,也用於格式化表
<MENU> 選項清單
<DIR> 目錄清單
<nobr></nobr> 強行不換行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)
<center></center> 水平居中
◆◆◆◆◆◆◆◆◆《〈鏈接標志表格標志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
<a href="URL"></a> 創建超文本鏈接
<a href="mailtEMAIL">
</a> 創建自動發送電子郵件的鏈接
<a name="name"></a> 創建位於文檔內部的書簽
<a href="#name"></a> 創建指向位於文檔內部書簽的鏈接
<BASE> 文檔中不能被該站點辨識的其它所有鏈接源的URL
<LINK> 定義一個鏈接和源之間的相互關系
◆◆◆◆◆◆◆◆鏈接標記註解:◆◆◆◆◆◆◆◆◆◆◆◆
◆target="..."決定鏈接源在什麼地方顯示(用戶自定義的名字,_blank,_parent,_self
,_top
◆rel="..."發送鏈接的類型
◆rev="..."保存鏈接的類型
◆accesskey="..."指定該元素的熱鍵
◆shape="..."允許我們使用已定義的形狀定義客戶端的圖形鏡像(default,rect,circ
le,poly
◆coord="..."使用像素或者長度百分比來定義形狀的尺寸
◆tabindex="..."使用定義過的tabindex元素設置在各個元素之間的焦點獲取順序(使用
tab鍵使元素獲得焦點)
◆◆◆◆◆◆◆◆表格標記註解:◆◆◆◆◆◆◆◆◆◆◆◆
<table></table> 創建一個表格
<tr></tr> 表格中的每一行
<td></td> 表格中一行中的每一個格子
<th></th> 設置表格頭:通常是黑體居中文字
<table cellspacing=""> 設置表格格子之間空間的大小
<table border=""> 設置邊框的寬度
<table cellpadding=""> 設置表格格子邊框與其內部內容之間空間的大小
<table width=""> 設置表格的寬度。用絕對像素值或總寬度的百分比
<table align=""> 設置表格格子的水平對齊方式(left,center,right,justify)
<tr align=""> 設置表格格子的水平對齊方式(left,center,right,justify)
<tr valign=""> 設置表格格子的垂直對齊方式(baseline,bottom,middle,top)
<td colspan=""> 設置一個表格格子跨占的列數(預設值為1)
<td rowspan=""> 設置一個表格格子跨占的行數(預設值為1)
<td nowrap> 禁止表格格子內的內容自動斷行
<CAPTION></CAPTION> 表格的標題
<COLGROUP></COLGROUP> 定義多個列為一組列
<TABLE></TABLE> 創建一個表格
<THEAD></THEAD> 定義表格的頁眉
<COL> 定義一個列組中的列,以便對它們能夠同時設置有關屬性
<TBODY></TBODY> 定義一個表格的實體
<TFOOT></TFOOT> 定義一個表格的頁腳
◆◆◆◆◆◆◆◆◆◆◆◆《表單標志》◆◆◆◆◆◆◆◆◆◆◆
<form></form> 創建表單
action="..."接收數據的伺服器的URL
method="..."HTTP的方法(get, post)。其中get是被反對使用的
enctype="..."指定MIME(Internet媒體類型)
onsubmit="..."當提交表單時發生的內部事件
noreset="..."在重新設置表單時發生的內部事件
target="..."決定把內容顯示在什麼地方(_blank, _parent, _self, _top
<select multiple name="name" size=""></select> 創建滾動菜單,size設置在需要滾
動前可以看到的表單項數目 <option> 設置每個表單項的內容
<select name="name"></select> 創建下拉菜單
<textarea name="name" cols=40 rows=8></textarea> 創建一個文本框區域,列的數目
設置寬度,行的數目設置高度
<input type="checkbox" name="name"> 創建一個復選框,文字在標簽後面
<input type="radio" name="name" value=""> 創建一個單選框,文字在標志後面
<input type=text name="foo" size=20> 創建一個單行文本輸入區域,size設置以字元
串的寬度
<input type="submit" value="name"> 創建提交(submit)按鈕
<input type="image" border=0 name="name" src="name.gif"> 創建一個使用圖象的提
交(submit)按鈕 <input type="reset"> 創建重置(reset)按鈕
<BUTTON></BUTTON> 創建一個按鈕
disabled="..."把按鈕的狀態設置為不能
name="..."按鈕的控制名 value="..."按鈕的值
type="..."按鈕的類型(button, submit, reset)
<FIELDSET></FIELDSET> 把相互關聯的控制項組合成一組
<ISINDEX> 提示用戶輸入
<LABEL></LABEL> 為一個控制項提供標簽
<LEGEND></LEGEND> 為FIELDSET元素指定一標題
<SELECT></SELECT> 為用戶做選擇創建各個選項
<TEXTAREA></TEXTAREA> 創建一個允許用戶多行輸入的區域
◆◆◆◆◆◆◆◆◆◆◆◆◆◆表單註解:◆◆◆◆◆◆◆◆◆◆◆◆◆◆
type="..."用於輸入控制項的類型(text,password,checkbox,radio,submit,reset,file,h
idden,image,button)
name="..."控制項的控制名(要求是除了submit和reset之外的任何名字)
value="..."控制項的初始值
checked="..."把一個單選鈕設置為選中的狀態
disabled="..."把控制項的狀態設置為不能使用
readonly="..."只對輸入密碼的文本框使用
size="..."表示以像素為單位的除了文本框和密碼框控制項之外的其它控制項的寬度,它是
用來指定字元的數目 src="..."一個圖像控制項的URL
maxlength="..."指定可以輸入的最多的字元數目
alt="..."另外一種文本描述
usemap="..."到客戶端圖形鏡像的URL
align="..."被反對。控制對齊方式(left, center, right, justify)
tabindex="..."通過定義的tabindex值確定在不同元素之間獲得焦點的順序
onfocus="..."當元素獲得焦點時發生的事件
onblur="..."當元素失去焦點時發生的事件
onselect="..."當元素被選中時發生的事件
onchang="..."當元素狀態被改變時發生的事件
accept="..."允許上載的文件類型
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《幀標志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
<frameset></frameset> 放在一個幀文檔的<body>標簽之前,也可以嵌在其他幀文檔中
<frameset rows="value,value"> 定義一個幀內的行數,可以使用絕對像素值或高度的百
分比
<frameset cols="value,value"> 定義一個幀內的列數,可以使用絕對像素值或寬度的百
分比
<frame> 定義一個幀內的單一窗或窗區域
<noframes></noframes> 定義在不支持幀的瀏覽器中顯示什麼提示
<frame src="URL"> 規定幀內顯示的HTML文檔
<frame name="name"> 命名幀或區域以便別的幀可以指向它
<frame marginwidth=""> 定義幀左右邊緣的空白大小,必須大於等於1
<frame marginheight=""> 定義幀上下邊緣的空白大小,必須大於等於1
<frame scrolling=""> 設置幀是否有滾動欄,其值可以是"yes","no" 或"auto"
<frame noresize> 禁止用戶調整一個幀的大小
<IFRAME></IFRAME> 創建一個內聯的幀
scr="..."定義在幀中顯示的內容的來源
frameborder="..."定義幀之間的邊界(0或1)
align="..."被反對。控制對齊方式(left, center, right, justify)
height="..."幀的高度 width="..."幀的寬度
marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction='left'></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定卷動距離
<marquee scrolldelay=300>...</marquee>設定卷動時間
<img src=""> 插入圖片,參數有:width="寬",alt="說明文字",height="高",boder="邊
框"
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《 文檔整體屬性標志》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
<body bgcolor=""> 設置背景顏色。使用名字或RGB的十六進制值
<body background=""> 設置背景圖片
<body bgsound=""> 設置背景音樂
<body bgproperties="fixed">
固定背景圖片(IE適用)
<body text=""> 設置文本顏色。使用名字或RGB的十六進制值
<body link=""> 設置鏈接顏色。使用名 字或RGB的十六進制值
<body vlink=""> 設置已使用的鏈接的顏色。使用名字或RGB的十六進制值
<body alink=""> 設置正在被擊中的鏈接的顏色。使用名字或RGB的十六進制值
<body topmargin=""> 設置頁面的上邊距 <body leftmargin=""> 設置頁面的左邊距
㈥ 程序員必須知道的HTML常用代碼有哪些
html+css代碼
一、文本設置
1、font-size:號大小
2、font-style:字體格式
3、font-weight:字體粗細
4、顏色屬性color:文本顏色
二、超鏈接設置
text-decoration:參數
參數取值范圍:
underline:為文字加下劃線
overline:為文字加上劃線
line-through:為文字加刪除線
blink:使文字閃爍
none:不顯示上述任何效果
三、背景
1、背景顏色
background-color:設置背景色
2、背景圖片
background-image:url(URL)
URL就是背景圖片的存放路徑,none表示無。
3、背景圖片重復
background-repeat:參數
四、背景
repeat:不重復平鋪背景圖片
repeat-x:使圖片只在水平方向上平鋪
repeat-y:使圖片只在垂直方向上平鋪
如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平和垂直兩個方向平鋪。
4、背景圖片固定
background-attachment:參數
背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力,一般都設為固定。
五、參數取值范圍:
fixed:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,固定不動。
scroll:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,一起滾動。
六、區塊
1、單詞間距
word-spacing:單詞間距
2、字母間距
letter-spacing:字母間距
3、文本對齊
text-align:參數
七、參數的取值:
left:左對齊
right:右對齊
center:居中對齊
justify:相對左右兩端對齊
4、垂直對齊
vertical-align: 參數
top:頂對齊
bottom:底對齊
text-top:相對文本頂對齊
text-bottom:相對文本底對齊
baseline:基準線對齊
middle:中心對齊
sub:以下標的形式顯示
super:以上標的形式顯示
5、文本縮進
text-indent:縮進距離
12px相當於一個文字距離。
6、空格
white-space:參數
八、參數取值范圍:
normal默認,空白會被瀏覽器忽略、pre保留空白、nowrap文本不換行。
7、顯示樣式
display:參數
九、參數取值范圍:
block:塊級元素,在對象前後都換行
inline:在對象前後都不換行
list-item:在對象前後都換行,增加了項目符號
none:無顯示
十、方框
1、height高度
2、width寬度
3、padding內邊距
4、margin外邊距
5、float(浮動):可以讓塊級元素在一行中排列,例如橫向菜單。
6、clear清除浮動
十一、邊框
1、樣式
border style 參數
邊框樣式的參數:
none:無邊框
dotted:邊框為點線
dashed:邊框為長短線
solid:邊框為實線
double:邊框為雙線
2、寬度 border width
3、顏色 border color
(6)常用的html代碼擴展閱讀:
HTML常用代碼之修改頁面的實用性HTML代碼:
貼圖:<img src="圖片地址">
加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>
在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>
移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>
字體加粗:<b>寫上你想寫的字</b>
字體斜體:<i>寫上你想寫的字</i>
字體下劃線: <u>寫上你想寫的字</u>
字體刪除線: <s>寫上你想寫的字</s>
字體加大: <big>寫上你想寫的字</big>
字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)
更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
貼音樂:<embed src="音樂地址" width="寬度" height="高度" autostart=false>
貼flash: <embed src="flash地址" width="寬度" height="高度">
貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
換行:<br>
段落:<p>段落</p>
原始文字樣式:<pre>正文</pre>
換帖子背景:<body background="背景圖片地址">
固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body bgproperties=fixed>
定製帖子背景顏色:<body bgcolor="#value">(value值見10)
帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>
貼網頁:<iframe. src="相關地址" width="寬度" height="高度"></iframe>
㈦ 網站常用的HTML代碼是什麼
常用的HTML代碼● 控制橫向和縱向滾動條的顯隱?
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯
● 表格變色
<TD
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand"> ● 禁止復制,滑鼠拖動選取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> ● 普通iframe頁面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
● iframe自適應高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no ></iframe> ● IE地址欄前換成自己的圖標&可以在收藏夾中顯示出你的圖標
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico"> ● 字型大小縮放
越來越多的人長時間的泡網,眼鏡的普及率也越來越高,讓文字大點,讓更多的用戶看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> ● select擋住div的解決方法
在div里加入下面的代碼,根據需要調整就可以了。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>
● iframe(嵌入式幀)自適應高度
填寫的嵌入地址一定要和本頁面在同一個站點上,否則會提示「拒絕訪問!」。對跨域引用有許可權問題,請查閱其他資料。
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no></iframe> ● 跳轉菜單新窗口
<select name="select">
<option value=" http://www.microsoft.com/ie"> Internet Explorer</option>
<option value=" http://www.microsoft.com"> Microsoft Home</option>
<option value=" http://msdn.microsoft.com"> Developer Network</option>
</select> ● flash透明選項
<param name="wmode" value="transparent"> ● 添加到收藏夾和設為首頁
<a href=#>設為首頁</a>
<a href="javascript:window.external.AddFavorite(' http://www.1t2t.com/','想偷懶-就找懶人代碼')">收藏本站</a>
● 記錄並顯示網頁的最後修改時間
<script language=JavaScript>
document.write("最後更新時間: " + document.lastModified + "")
</script> ● 節日倒計時
<Script Language="JavaScript">
var timedate= new Date("October 1,2002");
var times= "國慶節";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write( "現在離"+times+"還有: "+time +"天")
</Script> ● 加在HEAD里
禁止緩存
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
● 讓IFRAME框架內的文檔的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe> ● 打開窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script> ● 加入背景音樂
<bgsound src="mid/windblue.mid" loop="-1"> 只適用於IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 對Netscape ,IE 都適用 ● 滾動
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滾動信息
</marquee> ● 防止點擊空鏈接時,頁面往往重置到頁首端
代碼「javascript:void(null)」代替原來的「#」標記 ● 文字或圖片彈出指定大小的窗口
在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
彈出代碼
<a href="#" target="_self" width="550" height="380" border="0">圖片或文字</a>
● flash按鈕加鏈接
on (press) {
getURL(" http://www.1t2t.com","_blank");
} ● 跳轉頁面代碼
<meta http-equiv="refresh" content="5;url= http://www.1t2t.com"> ● 細線分隔線
<hr noshade size=0 color=#C0C0C0> ● 網頁中的自動換行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word" ● 消除ie6自動出現的圖像工具欄,設置 GALLERYIMG屬性為false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no"> ● 禁止頁面正文內容被選取
<bodyonmouseup="document.selection.empty()">
● 不能點右鍵,不用CTRL+A,不能復製作!
<body
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body> ● IE瀏覽器支持一個 Body 屬性 bgproperties,它可以讓背景不滾動:
<Body Background="圖片文件" bgproperties="fixed"> ● 隨機變換背景圖象(一個可以刷新心情的特效)
<Script Language="JavaScript">
image = new Array(4); //定義image為圖片數量的數組
image [0] = 'tu0.gif' //背景圖象的路徑
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
● flash載入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
} ● 圖片表單按鈕
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" />
</form> ● 左右陰影背景的CSS定義方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
} ● 劃過鏈接 手型滑鼠
style="cursor:hand" ● 如何關閉層
<div id="Layer1"></div>
<a href="#">關閉層</a> ● 關閉窗口的腳本
<a href=javascript:close()>[關閉窗口]</a> ● 如果文字過長,則將過長的部分變成省略號顯示
㈧ 最常用的html語句
加入音樂代碼1
<bgsound src="音樂地址" loop="-1">
此代碼為加入背景音樂,其中loop="-1"為無限次循環
加入音樂代碼2
<embed src="音樂地址" hidden>
此代碼為插入音樂,hidden為隱藏
加入透明Flash代碼
<embed src="Flash地址"; width="400" height="300" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0">
此代碼為插入透明flash代碼,其中 width="" 為flash的寬,height="" 為 flas的高,left: 為從左向右移的位置,top: 為從上向下移的位置
讓背景圖不滾動
<Body Background="圖片地址" bgproperties="fixed">
此代碼可以讓背景固定不走
網頁無法另存為
<noscript><iframe src="/*>";</iframe></noscript>
此代碼可以讓他人無法另存為,以此保護自己的網頁文件
禁止右鍵
<body oncontextmenu="return false">
此代碼可以讓人無法使用右鍵
禁止左右鍵
<body oncontextmenu="return false" onselectstart="return false">
此代碼可讓人無法使用左右鍵,從而保護網頁文件
過度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
此代碼可以在鏈接其它頁面的時候產生一種過度的特效,Duration 的值為網頁動態過渡的時間,單位為秒。 Transition 是過渡方式,它的值為0到23,分別對應24種過渡方式。如下表: 0 盒狀收縮 1 盒狀放射 2 圓形收縮 3 圓形放射 4 由下往上 5 由上往下 6 從左至右 7 從右至左 8 垂直百葉窗 9 水平百葉窗 10 水平格狀百葉窗 11垂直格狀百葉窗 12 隨意溶解 13從左右兩端向中間展開 14從中間向左右兩端展開 15從上下兩端向中間展開 16從中間向上下兩端展開 17 從右上角向左下角展開 18 從右下角向左上角展開 19 從左上角向右下角展開 20 從左下角向右上角展開 21 水平線狀展開 22 垂直線狀展開 23 隨機產生一種過渡方式
網頁跳轉
<meta http-equiv="refresh" content="3;rul=跳轉的網頁">
此代碼可以讓網頁在一定的時間內,跳轉到另外一個網頁上,其中content=" 為跳轉前停暫的秒數,rul= 為跳轉的網址
進入網頁彈出信息框
<body onLoad= alert("你好")>
此代碼可以讓你一進入網頁就會彈出一個信息框,""內可以填寫你要彈出的信息
退出網頁彈出信息框
<body onUnload= alert("再見")>
此代碼可以讓你退出網頁時就會彈出一個信息框,""內可以填寫你要彈出的信息
(以上內容轉自沉默的主頁,多從網上搜集,版權歸原創者所有)
㈨ HTML代碼
常用HTML代碼解釋
一、文字
1.標題文字 <h#>..........</h#> #=1~6;h1為最大字,h6為最小字
2.字體變化 <font>..........</font>
【1】字體大小 <font size=#>..........</font> #=1~7;數字愈大字也愈大
【2】指定字型 <font face="字體名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font>
rr:表紅色(red)色碼
gg:表綠色(green)色碼
bb:表藍色(blue)色碼
rrggbb也可用6位顏色代碼數字
3.顯示小字體 <small>..........</small>
4.顯示大字體 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機字體 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標字 <sub>..........</sub>
11.上標字 <sup>..........</sup>
12.文字閃爍效果 <blink>..........</blink>
13.換行(也稱回車) <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊 P.S.<p align="#">之後的文字都會以所設的對齊方式顯示,直到出現另一個<p align="#">改變其對齊方向,遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。
16.分隔線 <hr>
【1】分隔線的粗細 <hr size=點數>
【2】分隔線的寬度 <hr size=點數或百分比>
【3】分隔線對齊方向 <hr align="#">
#號可為 left:表向左對齊(預設值) center:表向中對齊 right:表向右對齊
【4】分隔線的顏色 <hr color=#rrggbb>
【5】實心分隔線 <hr noshade>
17.居中對齊 <center>..........</center>
18.依原始樣式顯示 <pre>..........</pre>
19.<body>指令的屬性
【1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景圖案 -- background <body background="圖形文件名">
【3】設定背景圖案不會卷動 -- bgproperties <body bgproperties=fixed>
【4】文件內容文字的顏色 -- text <body text=#rrggbb>
【5】超連結文字顏色 -- link <body link=#rrggbb>
【6】正被選取的超連結文字顏色 -- vlink <body vlink=#rrggbb>
【7】已連結過的超連結文字顏色 -- alink <body alink=#rrggbb>
20.文字移動指令<MARQUEE>..........</MARQUEE>
移動速度指令是:scrollAmount=# #最小為1,速度為最慢;數字越大移動的越快。
移動方向指令是:direction=# up向上、down向下、left向左、right向右。
指令舉例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、圖片
1.插入圖片 <img src="圖形文件名">
2.設定圖框 -- border <img src="圖形文件名" border=點數>
3.設定圖形大小 -- width、height <img src="圖形文件名" width=寬度點數 height=高度點數>
4.設定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點數 hspace=左右留空點數>
5.圖形附註 <img src="圖形文件名" alt="說明文字">
6.預載圖片
<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個圖的圖形大小最好一致;
7.影像地圖(Image Map) <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL">
<area shape=形狀 coords=區域座標列表 href="連結點之URL"> </map>
【1】定義形狀 -- shape
shape=rect:矩形 shape=circle:圓形 shape=poly:多邊形
【2】定義區域 -- coords
a.矩形:必須使用四個數字,前兩個數字為左上角座標,後兩個數字為右下角座標
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圓形:必須使用三個數字,前兩個數字為圓心的座標,最後一個數字為半徑長度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意圖形(多邊形):將圖形之每一轉折點座標依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相關
1.表格標題
<caption>..........</caption>
表格標題位置 -- align
<caption align="#"> #號可為 top:表標題置於表格上方(預設值)
bottom:表標題置於表格下方
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=點數或百分比>
【4】欄位垂直合並 -- rowspan <th rowspan=欲合並欄位數>
【5】欄位橫向合並 -- colspan <th colspan=欲合並欄位數>
四、表格的主要屬性
1. <table>標記的主要屬性
align定義表格的對齊方式,有三個屬性值center,left,right
background定義表格的背景圖案,屬性值為圖片的地址
bgcolor定義表格的背景顏色,屬性值是各種顏色代碼
border定義表格的邊框寬度,屬性值是數字
bordercolor定義表格邊框的顏色,屬性值是各種顏色代碼
cellpadding定義單元格內容與單元格邊框之間的距離,屬性值是數字
cellspacing定義表格中單元格之間的距離
height定義表格的高度,屬性值是數字
width定義表格的寬度,屬性值是數字
2. <tr>標記,表格是由多行與多列組成的,<tr>標記用來定義表格的一行,他的屬性極其屬性值定義的是表格中的該行,其主要屬性與屬性值如下:
align定義對齊方式,屬性值與上同
background定義背景圖案 bgcolor定義背景色
3. <td>標記。用<td>標記概況起來的內容表示表格的單元。其主要屬性與屬性值和<table>標記的一樣,補充兩個合並列和行的代碼:
colspan定義合並表格的列數,屬性值是數字
rowspan定義合並表格的行數,屬性值是數字
五、FRAME
1、分割視窗指令 <frameset>..........</frameset>
【1】垂直(上下)分割 -- rows
<frameset rows=#> #號可為點數:
如欲分割為100,200,300三個視窗,則<frameset rows=100,200,300>;
亦可以*號代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各項總和最好為100%;
【2】水平(左右)分割 -- cols <frameset cols=點數或百分比>
2、指定視窗內容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定視窗的文件名稱 -- src <frame src=HTML檔名>
【2】定義視窗的名稱 -- name
<frame name=視窗名稱>
【3】設定文件與上下邊框的距離 -- marginheight
<frame marginheight=點數>
【4】設定文件與左右邊框的距離 -- marginwidth
<frame marginwidth=點數>
【5】設定分割視窗卷軸 -- scrolling
<frame scrolling=#> #號可為 yes:固定出現卷軸
no:不出現卷軸
auto:自動判斷文件大小需不需要卷軸(預設值)
【6】鎖住分割視窗的大小 -- noresize <frame noresize>
六、歌曲代碼:
在這組代碼中,不必管它是mms.http.rtsp,只要看尾綴是asf、wma、wmv、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="18" 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="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"><img src="圖片地址"><br><br>
<font color="#FFFFFF" size=3>介紹文字</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="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><font face="華文彩雲" size="6" color="#FFFFFF">歌曲或音樂名稱</font><br><br>
<p align="center">是定義文字居中的,<br>是回行代碼,加幾個就會空幾行。<font face="華文彩雲" size="6" color="#FFFFFF">是定義文字屬性的。face="華文彩雲"是定義字體,你可以把字體換成隸書、宋體等。size="6"是定義字型大小的,數字越大字越大,如果不定義,默認是2號字。color="#FFFFFF"是定義字體顏色的。全部字體顏色的代碼在妙手飾圖區有人發過,你可以找來改。
<p align="center"><img src="圖片地址"><br><br><font color="#FFFFFF">介紹文字</font><br><br><br>
第一個括弧里的代碼仍然是定義圖片和文字居中的。<img src="圖片地址">是插入圖片代碼。<font color="#FFFFFF" size=3>介紹文字</font>是定義這段文字的。如果想改變字擰⒆痔濉⒆值難丈