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

2011/5/26 10:02:46 出處：本站人氣：60次字號：小中大

騎自行車的正確

在校大學生該如

微信朋友圈怎么

每日一囧

本文章提供給大家在網頁設計中常會用到的一些HTML代碼，每個代碼后都有說明，希望對剛接觸網頁設計的朋友們能有幫助。

<! - - … - -> 批注
<!> 跑馬燈
<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>設定卷動時間
<!>字體效
<h1>…</h1>標題字(最大)
<h6>…</h6>標題字(最小)
<b>…</b>粗體字
<strong>…</strong>粗體字(強調)
<I>…</I>斜體字
<em>…</em>斜體字(強調)
<dfn>…</dfn>斜體字表示定義)
<u>…</u>底線
<ins>…</ins>底線(表示插入文字)
<strike>…</strike>橫線
<s>…</s>刪除線
<del>…</del>刪除線(表示刪除)
<kbd>…</kbd>鍵盤文字nbsp;
<tt>…</tt> 打字體
<xmp>…</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>…</plaintext>固定寬度字體(不執行標記符號)
<listing>…</listing> 固定寬度小字體
<font color=00ff00>…</font>字體顏色
<font size=1>…</font>最小字體
<font style =font-size:100 px>…</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)

(換行)
<nobr>…</nobr>水域(不換行)
<p>…</p>水域(段落)
<center>…</center>置中
<!>連結格式
<base href=地址>(預設好連結路徑)
<a href=地址></a>外部連結
<a href=地址 target=_blank></a>外部連結(另開新窗口)
<a href=地址 target=_top></a>外部連結(全窗口連結)
<a href=地址 target=頁框名></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片地址>貼圖
<img src=圖片地址 width=180>設定圖片寬度
<img src=圖片地址 height=30>設定圖片高度
<img src=圖片地址>提示文字>設定圖片提示文字
<img src=圖片地址 border=1>設定圖片邊框
<bgsound src=MID音樂文件地址>背景音樂設定
<!>表格語法
<table aling=left>…</table>表格位置,置左
<table aling=center>…</table>表格位置,置中
<table background=圖片路徑>…</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>…</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>…</table>設定表格的背景顏色
<table borderclor=顏色碼>…</table>設定表格邊框的顏色
<table borderclordark=顏色碼>…</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>…</table>設定表格亮邊框的顏色
<table cellpadding=參數>…</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>…</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>…</table>指定表格的欄數
<table frame=參數>…</table>設定表格外框線的顯示方式
<table width=寬度>…</table>指定表格的寬度大小(使用數字)
<table height=高度>…</table>指定表格的高度大小(使用數字)
<td colspan=參數>…</td>指定儲存格合并欄的欄數(使用數字)
<td rowspan=參數>…</td>指定儲存格合并列的列數(使用數字)
<!>分割窗口
<fr
a meset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會
自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會
自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - … - -> 批注
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>….</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文

換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>…</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>…<CITE> 用于引經據典的文字
<CODE>…</CODE> 用于列出一段程序代碼
<COMMENT>…</COMMENT> 加上批注
<DD> 設定定義列表的項目解說
<DFN>…</DFN> 顯示"定義"文字
<DIR>…</DIR> 列表文字卷標
<DL>…</DL> 設定定義列表的卷標
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式窗體的處理方式
<FORM METHOD> 設定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設定窗口的上下邊界
<FRAME MARGINWIDTH> 設定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>…</FRAMESET> 劃分分割窗口
<H1>~<H6> 設定文字大小
<HEAD> 標示文件信息
<HR> 加上分網格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片并預設圖形大小
<IMG HSPACE> 插入圖片并預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片并預設圖形的上下邊界
<INPUT TYPE NAME value> 在窗體中加入輸入字段
<ISINDEX> 定義查詢用窗體
<KBD>…</KBD> 表示使用者輸入文字
<LI TYPE>…</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>…</MENU> 條列文字卷標
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割窗口的文字
<OL>…</OL> 有序號的列表
<OPTION> 定義窗體中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>…</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>…</SAMP> 用于引用字
<SELECT>…</SELECT> 在窗體中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用于加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>…</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格字段之左右對齊
<TD BGCOLOR> 設定表格字段之背景顏色
<TD COLSPAN ROWSPAN> 表格字段的合并
<TD NOWRAP> 設定表格字段不換行
<TD VALIGN> 調整表格字段之上下對齊
<TD WIDTH> 調整表格字段寬度
<TD>…</TD> 定義表格的數據域位
<TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>…</TH> 定義表格的標頭字段
<TITLE> 文件標題
<TR>…</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>…</UL> 無序號的列表 ( 可指定符號 )

熱門評論

文章推薦

相關資訊

本類常用軟件

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