常用HTML代碼速查表

非草 2010-02-23

展開全文

標(biāo)記或參數(shù)	定義
<A>	連結(jié)標(biāo)記
<ADDRESS>	地址標(biāo)記（斜體效果）
<AREA>	連結(jié)區(qū)域標(biāo)記（設(shè)定各連結(jié)區(qū)域）
alink	點(diǎn)擊連結(jié)時(shí)的樣式。例：alink="#FF0000"
align	水平方向擺放位置。例：align="center"
alternate	來(lái)回走動(dòng)，例：behavior=alternate
alt	在連結(jié)中插入文字說(shuō)明。例：alt="綠葉園"
<B>	字體加粗標(biāo)記（產(chǎn)生字體加粗的效果）
<BODY>	正文標(biāo)記（設(shè)計(jì)文件格式及內(nèi)文所在）
<BR>	換行標(biāo)記（令文字、圖片等顯示在下一行）
<BIG>	字體加大標(biāo)記（令字體稍為加大）
<BLINK>	閃爍文字標(biāo)記（令文字產(chǎn)生閃爍效果）
<BGSOUND>	背景聲音標(biāo)記（于背景播放聲音或音樂(lè)）
<BASE>	連結(jié)基準(zhǔn)標(biāo)記（可將網(wǎng)頁(yè)中所有的相對(duì)路徑轉(zhuǎn)換成絕對(duì)路徑）
<BASEFONT>	基準(zhǔn)字形標(biāo)記（設(shè)定所有字的字形、大小、顏色）
<BLOCKQUOTE>	引述文字區(qū)塊、令文字在表格的上下左右留有一定的空間
background	背景墻紙。例：background=01.JPG
bgcolor	背景顏色。例：bgcolor="#ff0000"
bgproperties	固定背景墻紙。例：bgproperties="fixed"
border	邊框。例：border=10
bordercolor	邊框顏色。例：bordercolor="#000080"
bordercolorlight	邊框向光部分的顏色。例：bordercolorlight="#000000"
bordercolordark	邊框背光部分的顏色。例：bordercolordark="#ffffff"
bottom	置于底端。例：valign="bottom"
behavior	卷動(dòng)方式。例：behavior=alternate
blank	表示連結(jié)的目標(biāo)地址在新建窗口中打開。例：target=_blank

<CENTER>	居中標(biāo)記（令文字、圖片、表格等顯示于中間）
<CAPTION>	表格標(biāo)題（做成一打通列以填入表格標(biāo)題）
<CODE>	程式碼（字體稍為加寬如`）`
<CITE>	引述（斜體效果）
colspan	該單元格向右打通。例：colspan="5"
color	顏色。例：color="#00FF00"
cellspacing	單元格間距。例：cellspacing="5"
cellpadding	單元格襯距。例：cellpadding="10"

<DIV>	區(qū)域標(biāo)記
<DFN>	述語(yǔ)定義標(biāo)記（斜體效果）
<DIR>	目錄清單標(biāo)記（清單項(xiàng)目將以圓點(diǎn)排列，如<UL>）
<DL>	定義清單標(biāo)記（清單分兩層出現(xiàn)）
<DT>	定義條目標(biāo)記（標(biāo)示該項(xiàng)定義的標(biāo)題）
<DD>	定義內(nèi)容標(biāo)記（標(biāo)示定義內(nèi)容）
direction	方向。例：direction=up
<EM>	強(qiáng)調(diào)標(biāo)記（字體出現(xiàn)斜體效果）
<EMBED>	多媒體標(biāo)記

<MENU>	選單清單標(biāo)記（清單項(xiàng)目將以圓點(diǎn)排列，如<UL>）
<META>	開頭定義標(biāo)記
<MAP>	影像地圖名稱標(biāo)記（設(shè)定影像地圖名稱）
<MARQUEE>	走動(dòng)標(biāo)記
middle	居中。例：align="middle"
marginwidth	框架左右邊緣與框架內(nèi)的文件保留的空間。例：marginwidth=0
marginhight	框架上下邊緣與框架內(nèi)的文件保留的空間。例：marginheight=0

<NOBR>	不換行標(biāo)記（強(qiáng)制文字不自動(dòng)換行）
<NOFRAMES>	不支持框架標(biāo)記（當(dāng)舊式瀏覽器不支援框架時(shí)顯示提示）
name	參考點(diǎn)(錨點(diǎn))。例：<a ></a>
no	否。例：scrolling=no
noshade	平面顯示。例：<hr noshade>
noresize	鎖住框架窗口的大小
<OL>	順序清單標(biāo)記（清單項(xiàng)目將以數(shù)字、字母順序排列）

<P>	段落標(biāo)記（為字、畫、表格等之間留一空白行）
<PRE>	預(yù)設(shè)格式標(biāo)記（令文件按照原始碼的排列方式顯示）
_parent	父窗口（連結(jié)的目標(biāo)網(wǎng)頁(yè)在本窗口中打開）。例：target=_parent
playbutton	在媒體播放面板中顯示播放按鈕
pausecutton	在媒體播放面板中顯示暫停按鈕

<STRONG>	加重語(yǔ)氣標(biāo)記（產(chǎn)生字體加粗 Bold 的效果）
<SMALL>	字體縮細(xì)標(biāo)記（令字體稍為縮細(xì)）
<STRIKE>	劃刪除線標(biāo)記（為字體加一刪除線）
<SAMP>	范例標(biāo)記（字體稍為加寬如`）`
<SUB>	下標(biāo)字標(biāo)記
<SUP>	上標(biāo)字標(biāo)記
<STYLE>	樣式表標(biāo)記
<SPAN>	自訂標(biāo)記（獨(dú)立使用或與樣式表同用）
<SELECT>	選擇標(biāo)記（建立 pop-up 走動(dòng)清單）
<SCRIPT>	引用腳本標(biāo)記
size	大小。例：size="7"
src	來(lái)源。例：src="logo.gif"
_self	相同窗口（在相同的框架中顯示連結(jié)的內(nèi)容）。例：target="_self">
starttime	開始播放的時(shí)間。例：starttime="00:10"
smallconsole	顯示較小的面板。例：controls="smallconsole"
stopbutton	顯示停止按鈕。例：controls="stopbutton"
scrolling	滾動(dòng)條。例：scrolling=no
scroll	走動(dòng)。例：behavior="scroll"
scrollamount	走動(dòng)的速度。例：scrollAmount=25
scrolldelay	走動(dòng)的停頓時(shí)間。例：scrolldelay=1000
slide	逐格走動(dòng)（幻燈式）。例：behavior="slide"

<TITLE>	網(wǎng)頁(yè)文件標(biāo)題標(biāo)記
<TABLE>	表格標(biāo)記
<TR>	表格的行
<TD>	表格的列
<TH>	表格標(biāo)頭（相等于<TD>，但其內(nèi)之字體會(huì)變粗）
<TT>	打字字體（Courier字體，字母寬度相同）
<TEXTAREA>	文字區(qū)塊（提供文字方盒以輸入較大量文字）
topmargin	網(wǎng)頁(yè)的上邊距。例：topmargin=10
top	上方。例：valign="top"
text	整個(gè)網(wǎng)頁(yè)的文字顏色。例：text=#CE0063
target	超級(jí)連接打開窗口模式。例：target=_blank
_top	將連結(jié)的網(wǎng)頁(yè)顯示在沒(méi)有框架的窗口中。例：target=_top
type	樣式。例：type="text/css"
true	是。例：loop="true"
<U>	下劃線標(biāo)記（給文本加上底線）
<UL>	無(wú)序清單（清單項(xiàng)目將以圓點(diǎn)排列）

<VAR>	變數(shù)標(biāo)記（斜體效果）
valign	擺放位置（垂直方向）。例：valign="top"
vlink	被訪問(wèn)后超鏈接文字的樣式。例：vlink="#0000FF"
vspace	圖片上下的空間。例：vspace=20
volume	音量（設(shè)定音量大?。?。例：volume="100"
volumelever	顯示音量調(diào)整鈕。例：controls="volumelever"
<WBR>	建議換行標(biāo)記（預(yù)設(shè)換行部位）
width	寬度、長(zhǎng)度。例： width="540"

在搏客中比較常用的代碼

一、美化文字的代碼：
1.文字間換行：文字內(nèi)容<br>文字內(nèi)容
2.一個(gè)段落：<p>文字內(nèi)容</p>
3.字體加粗：<b>文字內(nèi)容</b>
4.字體加大：<big>文字內(nèi)容</big>
5.文字標(biāo)題：從一號(hào)標(biāo)題H1到六號(hào)標(biāo)題H6，逐漸減小
<h2>文字內(nèi)容</h2>
6.斜體字：<i>文字內(nèi)容</i>
7.在字前加圓點(diǎn)：<li>文字內(nèi)容</li>
8.字體下劃線：<u>文字內(nèi)容</u>
9.字體刪除線：<s>文字內(nèi)容</s>
10.更改字體顏色： value值在000000與ffffff（16位進(jìn)制）之間
<font color=“#value”>文字內(nèi)容</font>
11.加入連接： target=“_blank” 在新窗口打開連接
<a href=“所要連接的相關(guān)地址” target=“_blank”>顯示在頁(yè)面上的文字</a>
12.消除連接的下劃線：<a href=“相關(guān)地址” style=“text-decoration:none”>文字內(nèi)容</a>
13.滾動(dòng)文字效果： marquee有四個(gè)方向參數(shù)，如圖1　
<marquee direction=“up”>文字內(nèi)容</marquee>

圖1

14.原始文字樣式：可以顯示半角的空格等原文內(nèi)容：<pre> 正文</pre>
二、在博客中嵌入其他元素
1.在博客中貼圖： width是圖片的寬度，height是高度
<img src=“圖片地址”； width=“120”； height=“90”； alt=“鼠標(biāo)移動(dòng)到圖片上顯示的字”；>
2.在博客中貼Flash： width，height可以是指定的高度，也可以不設(shè)置，可以是100% 。
<embed src=“flash地址” width=“100%” height=“100%”>
3.在博客中貼音樂(lè)：<embed src=“音樂(lè)地址” width=“寬度” height=“高度” autostart=false>
4.博客中貼食品：<img dynsrc=“文件地址” width=“寬度” height=“高度” start=mouseover>
5.設(shè)置日志背景：<body background=“背景圖片地址”>
6.固定日志背景不隨滾動(dòng)條滾動(dòng)：<body background=“背景圖片地址” body bgproperties=fixed>
7.定制日志背景顏色：<body bgcolor=“#value”>
8.定制日志背景音樂(lè)：<bgsound=“背景音樂(lè)地址” loop=infinite>

博客基本代碼大全[新學(xué)員]

一，基本代碼
字體控制
◆字體加粗：<b>寫上你想寫的字</b>
◆字體斜體：<i>寫上你想寫的字</i>
◆字體下劃線： <u>寫上你想寫的字</u>
◆字體刪除線： <s>寫上你想寫的字</s>
◆字體加大： <big>寫上你想寫的字</big>
◆換行：<br>
◆空格：
◆段落：<p>段落</p>
◆原始文字樣式：<pre>正文</pre>
◆字體控制大?。?lt;h1>寫上你想寫的字</h1> （其中字體大小可從h1-h5,h1最大，h5最小）
◆更改字體顏色：<font color=“#value”>寫上你想寫的字</font>（其中value值在000000與ffffff（16位進(jìn)制）之間
◆移動(dòng)字體（走馬燈）：<marquee>寫上你想寫的字</marquee>

對(duì)齊方式

◆左對(duì)齊： LEFT
◆中對(duì)齊： CENTER
◆右對(duì)齊： RIGHT
◆段落水平對(duì)齊：<ALIGN=“相關(guān)參數(shù)”>。其常見(jiàn)的設(shè)定值有三個(gè)：
置左<ALIGN=“LEFT”>、置中<ALIGN=“CENTER”>、置右<ALIGN=“RIGHT”>
◆縮排：<BLOCKQUOTE> 要縮排的文字 </BLOCKQUOTE>。
一組縮排一個(gè)單位，二組縮排兩個(gè)單位，以此類推。

文字控制代碼

◆文字向上滾動(dòng)的代碼：
<MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑體 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR>
</CENTER></MARQUEE>
<MARQUEE >
里面的參數(shù)修改一下，效果將不一樣，這里僅提醒一下direction參數(shù)，
可以改為向下（down）、向左（left）和向右（right）。

圖片控制代碼

◆貼圖：<img src=“圖片地址”>
◆換帖子背景：<body background=“背景圖片地址”>
◆定制帖子背景顏色：<body bgcolor=“#value”>（value值）
◆固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background=“背景圖片地址” body bgproperties=fixed>
◆加背景：<TABLE style=“WIDTH: 706px; HEIGHT: 164px”
borderColor=#00fa9a height=164 width=706 align=center background=背景圖片 border=3>
◆圖片滾動(dòng)代碼（從下往上滾動(dòng)）
<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior=“scroll”>
<img border=“0” src=“ http://要滾動(dòng)的圖片地址1”>
<img border=“0” src=“ http://要滾動(dòng)的圖片地址2”>
</marquee>
◆移動(dòng)圖片的代碼：
<marquee><img src=“圖片地址”；><img src=“圖片地址”；><img src=“圖片地址”；></marquee>
把里面的圖片地址換成自己網(wǎng)上找的就行。
想多放幾個(gè)圖片就按照格式在中間重復(fù)插入：<img src=“圖片地址”；>&<60;

顏色方面

◆顏色屬性：<HR COLOR=“顏色代碼或顏色名稱”>。
◆寬窄屬性：<HR WIDTH=“寬度”>，單位為px，寬度也可用百分比來(lái)作設(shè)定，如50%即為寬度占屏幕的50%。
◆厚度屬性：<HR SIZE=“厚度”>。
◆位置屬性：：<HR ALIGN=“水平位置設(shè)定值”>，其設(shè)定值有三個(gè)，
置左“LEFT”、置中“CENTER”、置右“RIGHT”。
◆陰影屬性：<HR NOSHADE>，無(wú)設(shè)定值，只要將NOSHADE加入即可，通常會(huì)配合顏色設(shè)定，效果較佳。

鏈接代碼

◆加入連接：<a href=“鏈接地址”>寫上你的字</a>
◆新窗口打開連接：<a href=“鏈接地址” target=“_blank”>寫上你的字</a>
◆消除連接的下劃線：<a href=“相關(guān)地址” style=“text-decoration:none”>寫上你想寫的字</a>
◆貼帶連接的字：<a href=“所要連接的相關(guān)地址”>寫上你想寫的字</a>

FLASH

◆貼flash: <embed src=“flash地址” width=“寬度” height=“高度”>
◆首頁(yè)FLASH: 找到FLASH地址后點(diǎn)編輯-排版-模塊-添加自定義HTML- 點(diǎn) Flash 復(fù)制進(jìn)去就行了這個(gè)很簡(jiǎn)單
◆日志里的FLASH: 好多朋友多說(shuō)為什么我把代碼粘貼到日志里但就是顯示不出FLASH呢？
我現(xiàn)在就告訴你因?yàn)槟阃淈c(diǎn)下面那個(gè) <代碼> 了必須先點(diǎn)一下代碼后再?gòu)?fù)制上去。
◆日志里FLASH的代碼是：
<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash
src= FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality=“high”>

音樂(lè)

◆貼音樂(lè)：<embed src=“音樂(lè)地址” width=“寬度” height=“高度” autostart=false>
◆帖子背景音樂(lè)：<bgsound=“背景音樂(lè)地址” loop=infinite>
◆貼影視文件：<img dynsrc=“文件地址” width=“寬度” height=“高度” start=mouseover>
◆貼flash: <embed src=“flash地址” width=“寬度” height=“高度”>

其他

◆制作個(gè)性名片
編輯-排版-模塊-添加自定義 HTML <table width=“100%”><tr><td style=“padding: 2px;”>
<img style=“border: 1px solid rgb（153, 153, 153）； width: 140px; height: 140px;”
src=頭像圖片地址></td><td valign=“top”><table width=“100%”><tr><td><img src=“/style/common/gg.gif”></td></tr><tr><td><div style=“font-weight: bold;font-size:16px;”><a href=“郵箱地址”>你的名字</a></div></td></tr><tr><td><div>年齡，星座</div></td></tr><tr><td><div>詳細(xì)地址</div>
由于我只用QQ 所以我只會(huì)加QQ在線交談按鈕： QQ個(gè)人設(shè)置-右下角<生成在線狀態(tài)> 進(jìn)去填寫好資料后生成網(wǎng)頁(yè)代碼然后全復(fù)制過(guò)來(lái)
◆滾動(dòng)條添加
<DIV style=“OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px”>
<P align=left>在這里輸入是文字，也可以是鏈接</P></DIV>
注：（left）為對(duì)齊方式，當(dāng)前是左對(duì)齊
◆友情連接
編輯-排版-模塊-添加自定義HTML 然后把
<marquee behavior=“scroll” direction=right width=“90%” height=“100” scrollamount=“2” scrolldelay=“30” >
<a target=“cont” href=“對(duì)方地址”><img src=“對(duì)方圖片” width=“100” height=“100” border=“0”>
</a></marquee>
復(fù)制上去就行了
◆貼網(wǎng)頁(yè)：<iframe src=“相關(guān)地址” width=“寬度” height=“高度”></iframe>&<60;
◆博客上加新聞鏈接代碼
<TABLE width=200 align=center>
<DIV g_p_fill?> <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www./img/share/widget.swf?wd=200&ht=300&hs=www.&id=14889&
tp=2&ps=5&ss=1&
ar=1&ct=6&tt=%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Welcome width=“100%” type=application/x-shockwave-flash wmode=“transparent” quality=“high” autostart=“0” allowNetworking=“internal” allowScriptAccess=“never”></EMBED></DIV>
<TBODY></TBODY></TABLE>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

常用HTML代碼速查表