常用HTML代碼速查表...

引用

夜雨的常用HTML代碼速查表

常用HTML代碼速查表

標記或參數(shù) 定義

<A> 連結(jié)標記

<ADDRESS> 地址標記（斜體效果）

<AREA> 連結(jié)區(qū)域標記（設定各連結(jié)區(qū)域）

alink 點擊連結(jié)時的樣式。例：alink="#FF0000"

align 水平方向擺放位置。例：align="center"

alternate 來回走動，例：behavior=alternate

alt 在連結(jié)中插入文字說明。例：alt="綠葉園"

<B> 字體加粗標記（產(chǎn)生字體加粗的效果）

<BODY> 正文標記（設計文件格式及內(nèi)文所在）

<BR> 換行標記（令文字、圖片等顯示在下一行）

<BIG> 字體加大標記（令字體稍為加大）

<BLINK> 閃爍文字標記（令文字產(chǎn)生閃爍效果）

<BGSOUND> 背景聲音標記（于背景播放聲音或音樂）

<BASE> 連結(jié)基準標記（可將網(wǎng)頁中所有的相對路徑轉(zhuǎn)換成絕對路徑）

<BASEFONT> 基準字形標記（設定所有字的字形、大小、顏色）

<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 卷動方式。例：behavior=alternate

_blank 表示連結(jié)的目標地址在新建窗口中打開。例：target=_blank

<CENTER> 居中標記（令文字、圖片、表格等顯示于中間）

<CAPTION> 表格標題（做成一打通列以填入表格標題）

<CODE> 程式碼（字體稍為加寬如）

<CITE> 引述（斜體效果）

colspan 該單元格向右打通。例：colspan="5"

color 顏色。例：color="#00FF00"

cellspacing 單元格間距。例：cellspacing="5"

cellpadding 單元格襯距。例：cellpadding="10"

<DIV> 區(qū)域標記

<DFN> 述語定義標記（斜體效果）

<DIR> 目錄清單標記（清單項目將以圓點排列，如<UL>）

<DL> 定義清單標記（清單分兩層出現(xiàn)）

<DT> 定義條目標記（標示該項定義的標題）

<DD> 定義內(nèi)容標記（標示定義內(nèi)容）

direction 方向。例：direction=up

<EM> 強調(diào)標記（字體出現(xiàn)斜體效果）

<EMBED> 多媒體標記

<MENU> 選單清單標記（清單項目將以圓點排列，如<UL>）

<META> 開頭定義標記

<MAP> 影像地圖名稱標記（設定影像地圖名稱）

<MARQUEE> 走動標記

middle 居中。例：align="middle"

marginwidth 框架左右邊緣與框架內(nèi)的文件保留的空間。例：marginwidth=0

marginhight 框架上下邊緣與框架內(nèi)的文件保留的空間。例：marginheight=0

<NOBR> 不換行標記（強制文字不自動換行）

<NOFRAMES> 不支持框架標記（當舊式瀏覽器不支援框架時顯示提示）

name 參考點(錨點)。例：<a ></a>

no 否。例：scrolling=no

noshade 平面顯示。例：<hr noshade>

noresize 鎖住框架窗口的大小

<OL> 順序清單標記（清單項目將以數(shù)字、字母順序排列）

<P> 段落標記（為字、畫、表格等之間留一空白行）

<PRE> 預設格式標記（令文件按照原始碼的排列方式顯示）

_parent 父窗口（連結(jié)的目標網(wǎng)頁在本窗口中打開）。例：target=_parent

playbutton 在媒體播放面板中顯示播放按鈕

pausecutton 在媒體播放面板中顯示暫停按鈕

<STRONG> 加重語氣標記（產(chǎn)生字體加粗 Bold 的效果）

<SMALL> 字體縮細標記（令字體稍為縮細）

<STRIKE> 劃刪除線標記（為字體加一刪除線）

<SAMP> 范例標記（字體稍為加寬如）

<SUB> 下標字標記

<SUP> 上標字標記

<STYLE> 樣式表標記

<SPAN> 自訂標記（獨立使用或與樣式表同用）

<SELECT> 選擇標記（建立 pop-up 走動清單）

<SCRIPT> 引用腳本標記

size 大小。例：size="7"

src 來源。例：src="logo.gif"

_self 相同窗口（在相同的框架中顯示連結(jié)的內(nèi)容）。例：target="_self">

starttime 開始播放的時間。例：starttime="00:10"

smallconsole 顯示較小的面板。例：controls="smallconsole"

stopbutton 顯示停止按鈕。例：controls="stopbutton"

scrolling 滾動條。例：scrolling=no

scroll 走動。例：behavior="scroll"

scrollamount 走動的速度。例：scrollAmount=25

scrolldelay 走動的停頓時間。例：scrolldelay=1000

slide 逐格走動（幻燈式）。例：behavior="slide"

<TITLE> 網(wǎng)頁文件標題標記

<TABLE> 表格標記

<TR> 表格的行

<TD> 表格的列

<TH> 表格標頭（相等于<TD>，但其內(nèi)之字體會變粗）

<TT> 打字字體（Courier字體，字母寬度相同）

<TEXTAREA> 文字區(qū)塊（提供文字方盒以輸入較大量文字）

topmargin 網(wǎng)頁的上邊距。例：topmargin=10

top 上方。例：valign="top"

text 整個網(wǎng)頁的文字顏色。例：text=#CE0063

target 超級連接打開窗口模式。例：target=_blank

_top 將連結(jié)的網(wǎng)頁顯示在沒有框架的窗口中。例：target=_top

type 樣式。例：type="text/css"

true 是。例：loop="true"

<U> 下劃線標記（給文本加上底線）

<UL> 無序清單（清單項目將以圓點排列）

<VAR> 變數(shù)標記（斜體效果）

valign 擺放位置（垂直方向）。例：valign="top"

vlink 被訪問后超鏈接文字的樣式。例：vlink="#0000FF"

vspace 圖片上下的空間。例：vspace=20

volume 音量（設定音量大?。?。例：volume="100"

volumelever 顯示音量調(diào)整鈕。例：controls="volumelever"

<WBR> 建議換行標記（預設換行部位）

width 寬度、長度。例： width="540"

在搏客中比較常用的代碼

一、美化文字的代碼：

　　1.文字間換行：

　　文字內(nèi)容<br>文字內(nèi)容

　　2.一個段落：

　　<p>文字內(nèi)容</p>

　　3.字體加粗：

　　<b>文字內(nèi)容</b>

　　4.字體加大:

　　<big>文字內(nèi)容</big>

　　5.文字標題：

　　// 從一號標題H1到六號標題H6，逐漸減小

　　<h2>文字內(nèi)容</h2>

　　6.斜體字：

　　<i>文字內(nèi)容</i>

　　7.在字前加圓點：

　　<li>文字內(nèi)容</li>

　　8.字體下劃線:

　　<u>文字內(nèi)容</u>

　　9.字體刪除線:

　　<s>文字內(nèi)容</s>

　　10.更改字體顏色：

　　// value值在000000與ffffff(16位進制)之間

　　<font color="#value">文字內(nèi)容</font>

　　11.加入連接：

　　// target="_blank" 在新窗口打開連接

　　<a href="所要連接的相關(guān)地址" target="_blank">顯示在頁面上的文字</a>

　　12.消除連接的下劃線：

　　<a href="相關(guān)地址" style="text-decoration:none">文字內(nèi)容</a>

　　13.滾動文字效果：

　　// marquee有四個方向參數(shù)，如圖1　

　　<marquee direction="up">文字內(nèi)容</marquee>

圖1

　　14.原始文字樣式：

　　// 可以顯示半角的空格等原文內(nèi)容

　　<pre> 正文</pre>

　　二、在博客中嵌入其他元素

　　1.在博客中貼圖：

　　// width是圖片的寬度，height是高度

　　<img src="圖片地址"; width="120"; height="90"; alt="鼠標移動到圖片上顯示的字";>

　　2.在博客中貼Flash:

　　// width，height可以是指定的高度，也可以不設置，可以是100%

　　<embed src="flash地址" width="100%" height="100%">

　　3.在博客中貼音樂：

　　<embed src="音樂地址" width="寬度" height="高度" autostart=false>

　　4.博客中貼食品：

　　<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

　　5.設置日志背景：

　　<body background="背景圖片地址">

　　6.固定日志背景不隨滾動條滾動：

　　<body background="背景圖片地址" body bgproperties=fixed>

　　7.定制日志背景顏色：

　　<body bgcolor="#value">

　　8.定制日志背景音樂：

　　<bgsound="背景音樂地址" loop=infinite>

博客基本代碼大全[新學員]

一，基本代碼

字體控制

◆字體加粗：<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位進制)之間

◆移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

對齊方式

◆左對齊: LEFT

◆中對齊: CENTER

◆右對齊: RIGHT

◆段落水平對齊：<ALIGN=”相關(guān)參數(shù)">。其常見的設定值有三個：置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">

◆縮排：<BLOCKQUOTE> 要縮排的文字 </BLOCKQUOTE>。一組縮排一個單位，二組縮排兩個單位，以此類推。

文字控制代碼

◆文字向上滾動的代碼：

<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值)

◆固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>

◆加背景<TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=背景圖片 border=3>

◆圖片滾動代碼 (從下往上滾動)

<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滾動的圖片地址1">

<img border="0" src=" http://要滾動的圖片地址2">

</marquee>

◆移動圖片的代碼:

<marquee><img src="圖片地址";><img src="圖片地址";><img src="圖片地址";></marquee>

把里面的圖片地址換成自己網(wǎng)上找的就行。想多放幾個圖片就按照格式在中間重復插入：<img src="圖片地址";>&<60;

顏色方面

◆顏色屬性：<HR COLOR="顏色代碼或顏色名稱">。

◆寬窄屬性：<HR WIDTH="寬度">，單位為px，寬度也可用百分比來作設定，如50%即為寬度占屏幕的50%。

◆厚度屬性：<HR SIZE="厚度">。

◆位置屬性：：<HR ALIGN="水平位置設定值">，其設定值有三個，置左"LEFT"、置中"CENTER"、置右"RIGHT"。

◆陰影屬性：<HR NOSHADE>，無設定值，只要將NOSHADE加入即可，通常會配合顏色設定，效果較佳。

鏈接代碼

◆加入連接：<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="高度">

◆首頁FLASH: 找到FLASH地址后點編輯-排版-模塊-添加自定義HTML- 點 Flash 復制進去就行了這個很簡單

◆日志里的FLASH: 好多朋友多說為什么我把代碼粘貼到日志里但就是顯示不出FLASH呢? 我現(xiàn)在就告訴你因為你忘記點下面那個 <代碼> 了必須先點一下代碼后再復制上去.

◆日志里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">

音樂

◆貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>

◆帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>

◆貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

◆貼flash: <embed src="flash地址" width="寬度" height="高度">

其他

◆制作個性名片

編輯-排版-模塊-添加自定義 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>詳細地址</div>

由于我只用QQ 所以我只會加QQ在線交談按鈕: QQ個人設置-右下角<生成在線狀態(tài)> 進去填寫好資料后生成網(wǎng)頁代碼然后全復制過來

◆滾動條添加

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">

<P align=left>在這里輸入是文字，也可以是鏈接</P></DIV>

注：（left）為對齊方式，當前是左對齊

◆友情連接

編輯-排版-模塊-添加自定義HTML 然后把<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="對方地址"><img src="對方圖片" width="100" height="100" border="0"></a></marquee> 復制上去就行了

◆貼網(wǎng)頁：<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>

乡下人产国偷v产偷v自拍,国产午夜片在线观看,婷婷成人亚洲综合国产麻豆,久久综合给合久久狠狠狠9

常用HTML代碼速查表...