當(dāng)前位置: 首頁IT技術(shù) → 提供給大家一些常用的HTML代碼

提供給大家一些常用的HTML代碼

更多
本文章提供給大家在網(wǎng)頁設(shè)計中常會用到的一些HTML代碼,每個代碼后都有說明,希望對剛接觸網(wǎng)頁設(shè)計的朋友們能有幫助。
<! - - … - -> 批注
<!>
跑馬燈

<marquee>…</marquee>
普通卷動

<marquee behavior=slide>…</marquee>

<marquee behavior=scroll>…</marquee>
預(yù)設(shè)卷動

<marquee behavior=alternate>…</marquee>
來回卷動

<marquee direction=down>…</marquee>
向下卷動

<marquee direction=up>…</marquee>
向上卷

<marquee direction=right></marquee>
向右卷動

<marquee direction=left></marquee>
向左卷動

<marquee loop=2>…</marquee>
卷動次數(shù)

<marquee width=180>…</marquee>
設(shè)定寬

<marquee height=30>…</marquee>
設(shè)定高度

<marquee bgcolor=FF0000>…</marquee>
設(shè)定背景顏色

<marquee scrollamount=30>…</marquee>
設(shè)定卷動距離

<marquee scrolldelay=300>…</marquee>
設(shè)定卷動時間

<!>
字體效

<h1>…</h1>
標(biāo)題字(最大
)
<h6>…</h6>
標(biāo)題字(最小
)
<b>…</b>
粗體字

<strong>…</strong>
粗體字(強調(diào)
)
<I>…</I>
斜體字

<em>…</em>
斜體字(強調(diào)
)
<dfn>…</dfn>
斜體字表示定義
)
<u>…</u>
底線

<ins>…</ins>
底線(表示插入文字
)
<strike>…</strike>
橫線

<s>…</s>
刪除線

<del>…</del>
刪除線(表示刪除
)
<kbd>…</kbd>
鍵盤文字
nbsp;
<tt>…</tt>
打字體

<xmp>…</xmp>
固定寬度字體(在文件中空白、換行、定位功能有效
)
<plaintext>…</plaintext>
固定寬度字體(不執(zhí)行標(biāo)記符號
)
<listing>…</listing>
固定寬度小字體

<font color=00ff00>…</font>
字體顏色

<font size=1>…</font>
最小字體

<font style =font-size:100 px>…</font>
無限增大

<!>
區(qū)斷標(biāo)記

<hr>
水平線

<hr size=9>
水平線(設(shè)定大小
)
<hr width=80%>
水平線(設(shè)定寬度
)
<hr color=ff0000>
水平線(設(shè)定顏色
)

(
換行
)
<nobr>…</nobr>
水域(不換行
)
<p>…</p>
水域(段落
)
<center>…</center>
置中

<!>
連結(jié)格式

<base href=
地址>(預(yù)設(shè)好連結(jié)路徑
)
<a href=
地址></a>外部連結(jié)

<a href=
地址 target=_blank></a>外部連結(jié)(另開新窗口
)
<a href=
地址 target=_top></a>外部連結(jié)(全窗口連結(jié)
)
<a href=
地址 target=頁框名></a>外部連結(jié)(在指定頁框連結(jié)
)
<!>
貼圖/音樂

<img src=
圖片地址>貼圖

<img src=
圖片地址 width=180>設(shè)定圖片寬度

<img src=
圖片地址 height=30>設(shè)定圖片高度

<img src=
圖片地址
>提示文字>設(shè)定圖片提示文字
<img src=
圖片地址 border=1>設(shè)定圖片邊框

<bgsound src=MID
音樂文件地址>背景音樂設(shè)定

<!>
表格語法

<table aling=left>…</table>
表格位置,置左

<table aling=center>…</table>
表格位置,置中

<table background=
圖片路徑>…</table>背景圖片的URL=就是路徑網(wǎng)址

<table border=
邊框大小>…</table>設(shè)定表格邊框大小(使用數(shù)字
)
<table bgcolor=
顏色碼>…</table>設(shè)定表格的背景顏色

<table borderclor=
顏色碼>…</table>設(shè)定表格邊框的顏色

<table borderclordark=
顏色碼>…</table>設(shè)定表格暗邊框的顏色

<table borderclorlight=
顏色碼>…</table>設(shè)定表格亮邊框的顏色

<table cellpadding=
參數(shù)>…</table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字
)
<table cellspacing=
參數(shù)>…</table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字
)
<table cols=
參數(shù)>…</table>指定表格的欄數(shù)

<table frame=
參數(shù)>…</table>設(shè)定表格外框線的顯示方式

<table width=
寬度>…</table>指定表格的寬度大小(使用數(shù)字
)
<table height=
高度>…</table>指定表格的高度大小(使用數(shù)字
)
<td colspan=
參數(shù)>…</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字
)
<td rowspan=
參數(shù)>…</td>指定儲存格合并列的列數(shù)(使用數(shù)字
)
<!>
分割窗口

<fr
a meset cols="20%,*">
左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會

  
自動調(diào)整
<frameset rows="20%,*">
上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會

  
自動調(diào)整
<frameset cols="20%,*">
分割左右兩個框架

<frameset cols="20%,*,20%">
分割左中右三個框架

<
分割上下兩個框架

<frameset rows="20%,*,20%">
分割上中下三個框架

<! - - … - ->
批注

<A HREF TARGET>
指定超級鏈接的分割窗口

<A HREF=#
錨的名稱> 指定錨名稱的超級鏈接

<A HREF>
指定超級鏈接

<A NAME=
錨的名稱> 被連結(jié)點的名稱

<ADDRESS>….</ADDRESS>
用來顯示電子郵箱地址

<B>
粗體字

<BASE TARGET>
指定超級鏈接的分割窗口

<BASEFONT SIZE>
更改預(yù)設(shè)字形大小

<BGSOUND SRC>
加入背景音樂

<BIG>
顯示大字體

<BLINK>
閃爍的文字

<BODY TEXT LINK VLINK>
設(shè)定文字顏色

<BODY>
顯示本文


換行

<CAPTION ALIGN>
設(shè)定表格標(biāo)題位置

<CAPTION>…</CAPTION>
為表格加上標(biāo)題

<CENTER>
向中對齊

<CITE>…<CITE>
用于引經(jīng)據(jù)典的文字

<CODE>…</CODE>
用于列出一段程序代碼

<COMMENT>…</COMMENT>
加上批注

<DD>
設(shè)定定義列表的項目解說

<DFN>…</DFN>
顯示"定義"文字

<DIR>…</DIR>
列表文字卷標(biāo)

<DL>…</DL>
設(shè)定定義列表的卷標(biāo)

<DT>
設(shè)定定義列表的項目

<EM>
強調(diào)之用

<FONT FACE>
任意指定所用的字形

<FONT SIZE>
設(shè)定字體大小

<FORM ACTION>
設(shè)定戶動式窗體的處理方式

<FORM METHOD>
設(shè)定戶動式窗體之資料傳送方式

<FRAME MARGINHEIGHT>
設(shè)定窗口的上下邊界

<FRAME MARGINWIDTH>
設(shè)定窗口的左右邊界

<FRAME NAME>
為分割窗口命名

<FRAME NORESIZE>
鎖住分割窗口的大小

<FRAME SCROLLING>
設(shè)定分割窗口的滾動條

<FRAME SRC>
HTML文件加入窗口

<FRAMESET COLS>
將窗口分割成左右的子窗口

<FRAMESET ROWS>
將窗口分割成上下的子窗口

<FRAMESET>…</FRAMESET>
劃分分割窗口

<H1>~<H6>
設(shè)定文字大小

<HEAD>
標(biāo)示文件信息

<HR>
加上分網(wǎng)格線

<HTML>
文件的開始與結(jié)束

<I>
斜體字

<IMG ALIGN>
調(diào)整圖形影像的位置

<IMG ALT>
為你的圖形影像加注

<IMG DYNSRC LOOP>
加入影片

<IMG HEIGHT WIDTH>
插入圖片并預(yù)設(shè)圖形大小

<IMG HSPACE>
插入圖片并預(yù)設(shè)圖形的左右邊界

<IMG LOWSRC>
預(yù)載圖片功能

<IMG SRC BORDER>
設(shè)定圖片邊界

<IMG SRC>
插入圖片

<IMG VSPACE>
插入圖片并預(yù)設(shè)圖形的上下邊界

<INPUT TYPE NAME value>
在窗體中加入輸入字段

<ISINDEX>
定義查詢用窗體

<KBD>…</KBD>
表示使用者輸入文字

<LI TYPE>…</LI>
列表的項目 ( 可指定符號
)
<MARQUEE>
跑馬燈效果

<MENU>…</MENU>
條列文字卷標(biāo)

<META NAME="REFRESH" CONTENT URL>
自動更新文件內(nèi)容

<MULTIPLE>
可同時選擇多項的列表欄

<NOFRAME>
定義不出現(xiàn)分割窗口的文字

<OL>…</OL>
有序號的列表

<OPTION>
定義窗體中列表欄的項目

<P ALIGN>
設(shè)定對齊方向

<P>
分段

<PERSON>…</PERSON>
顯示人名

<PRE>
使用原有排列

<SAMP>…</SAMP>
用于引用字

<SELECT>…</SELECT>
在窗體中定義列表欄

<SMALL>
顯示小字體

<STRIKE>
文字加橫線

<STRONG>
用于加強語氣

<SUB>
下標(biāo)字

<SUP>
上標(biāo)字

<TABLE BORDER=n>
調(diào)整表格的寬線高度

<TABLE CELLPADDING>
調(diào)整數(shù)據(jù)域位之邊界

<TABLE CELLSPACING>
調(diào)整表格線的寬度

<TABLE HEIGHT>
調(diào)整表格的高度

<TABLE WIDTH>
調(diào)整表格的寬度

<TABLE>…</TABLE>
產(chǎn)生表格的卷標(biāo)

<TD ALIGN>
調(diào)整表格字段之左右對齊

<TD BGCOLOR>
設(shè)定表格字段之背景顏色

<TD COLSPAN ROWSPAN>
表格字段的合并

<TD NOWRAP>
設(shè)定表格字段不換行

<TD VALIGN>
調(diào)整表格字段之上下對齊

<TD WIDTH>
調(diào)整表格字段寬度

<TD>…</TD>
定義表格的數(shù)據(jù)域位

<TEXTAREA NAME ROWS COLS>
窗體中加入多少列的文字輸入欄

<TEXTAREA WRAP>
決定文字輸入欄是自動否換行

<TH>…</TH>
定義表格的標(biāo)頭字段

<TITLE>
文件標(biāo)題

<TR>…</TR>
定義表格美一行

<TT>
打字機字體

<U>
文字加底線

<UL TYPE>…</UL>
無序號的列表 ( 可指定符號 )
熱門評論
最新評論
發(fā)表評論 查看所有評論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)