一:圖片代碼:
1、簡單的圖片不鏈接代碼: <IMG src="圖片地址">
2、圖片鏈接代碼:(分兩種)
原窗口打開純圖片鏈接代碼:
<a href="網(wǎng)址";><img src="圖片地址"; width="150" height="100"></a>
新窗口打開代碼:
<a href="網(wǎng)址";; target="_blank"><img src="圖片地址"; width="150" height="100"></a>
注:上面的圖片寬與高均可任意修改。
二、文字鏈接代碼:
<a href="網(wǎng)址" target="_blank">文字</a>
三、圖片文字混用鏈接代碼:(圖片作鏈接)
<a href="網(wǎng)址" target="_blank"><img src="圖片地址" border=0 width=88 height=31 alt="文字"></a>
四、添加flash代碼:(通用)
<embed allowScriptAccess="never" allowNetworking="internal" src="flash地址" width=450 height=375 pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%" autostart="0">
注:其中flash地址要找準(zhǔn) width=450 height=375 數(shù)值可根據(jù)需要隨意更改。
五、移動圖片代碼:
<DIV style=" WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">
<A href="鏈條接地址" target=_blank><IMG height=128 src="圖片地址" width=128 border=0></A>
</MARQUEE></DIV>
--------------------------------------------------------------------------------
說明:
<A href="鏈條接地址" target=_blank><IMG height=128 src="圖片地址" width=128 border=0></A>
這段代碼可反復(fù)復(fù)制粘貼,根據(jù)圖片多少而定(如果不希望圖片具有鏈接,可以把<A href="鏈條接地址" target=_blank>和后面的</A>去掉)
direction=left 這是圖片的滾動方向,可以有四個方向,分別是left(左) right(右) up(上) down(下)
width="100%" height="128" 這是模塊整體的寬和高,在網(wǎng)易博客中寬度就設(shè)定為100%不用變,
可以跟據(jù)你模塊擺放的位置自適應(yīng)。高度可以跟據(jù)你需要進(jìn)行調(diào)整。
target=_blank 是在新窗口打開的意思,沒有這個命令就是在當(dāng)前頁打開。
六、給日志加背景音樂代碼:
1、看不見播放器:
<EMBED style="LEFT: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>
2、看得見播放器:
<DIV><OBJECT height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM VALUE="音樂文件網(wǎng)址"><PARAM VALUE="infinite"><PARAM VALUE="1"><PARAM VALUE="50"><PARAM VALUE="full"><PARAM VALUE="1"></OBJECT></DIV>
說明:
1、音樂文件網(wǎng)址可以替換上自己喜歡的音樂文件網(wǎng)址;
2、語句<PARAM VALUE="infinite">的“infinite”可以替換為數(shù)字,表示重復(fù)播放多少次,如果不更改表示永久循環(huán)播放;
3、語句<PARAM VALUE="1">表示是否自動播放,更改為"0"時不會自動播放,"1"的時候是自動播放;
4、height和width兩個屬性可以改變播放器的大小。
七、給日志加背景圖片代碼:
最簡單的:
<table width="450" border="0">
<tr>
<td height="562" background="圖片地址"></td>
</tr>
</table>
稍微復(fù)雜一點的:
<table cellSpacing="0" cellPadding="0" width="700" background="圖片地址" border="0">
<tr><td><div align="center"><table cellSpacing="0" cellPadding="0" width="450" border="0"><tr><td><font style="font-size: 9pt"><br><font color="#CC3300">輸入你的文字</font></font><font color="#CC3300"><span style="font-size: 9pt"></span></font><p><span style="font-size: 9pt"></span></td></tr></table></div></td></tr></table>
八、在自定義模板中,圖、文、字三混合代碼:
<TABLE height=400 width=400 align=center background=背景圖片地址 border=0>
<TBODY>
<TR>
<TD> <DIV align=right twffan="done">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=400 height=300>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=220 height=300><FONT style="FONT-SIZE: 15pt; WIDTH: 50%; COLOR: 文字顏色; LINE-HEIGHT:180%" face=楷體_GB2312><B><P> <BR> </P></B></FONT></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>
<EMBED style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>
說明:width=400(圖片寬度)、歌曲、等可以自己修改。
九、給日志添加flash背景代碼:
<EMBED pluginspage P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
代碼教程
博客常用HTML語法全攻略
-------------------------------------------------------------------------------------------------
<!> 跑馬燈
<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>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<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è)定顏色)
<br>(換行)
<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=圖片地址 alt=提示文字>設(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ù)字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<frameset rows="20%,*">分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A 被連結(jié)點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預(yù)設(shè)字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設(shè)定文字顏色
<BODY> 顯示本文
<BR> 換行
<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> 強(qiáng)調(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 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> 用于加強(qiáng)語氣
<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> 打字機(jī)字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用于顯示變量
、HTML各種命令一的代碼:
1、文本標(biāo)簽(命令)
<pre></pre> 創(chuàng)建預(yù)格式化文本
<h1></h1> 創(chuàng)建最大的標(biāo)題
<h6></h6> 創(chuàng)建最小一、HTML各種命令的代碼:
1、文本標(biāo)簽(命令)
<pre></pre> 創(chuàng)建預(yù)格式化文本
<h1></h1> 創(chuàng)建最大的標(biāo)題
<h6></h6> 創(chuàng)建最小的標(biāo)題
<b></b> 創(chuàng)建黑體字
<i></i> 創(chuàng)建斜體字
<tt></tt> 創(chuàng)建打字機(jī)風(fēng)格的字體
<cite></cite> 創(chuàng)建一個引用,通常是斜體
<em></em> 加重一個單詞(通常是斜體加黑體)
<strong></strong> 加重一個單詞(通常是斜體加黑體)
<font size=?></font> 設(shè)置字體大小,從 1 到 7
<font color=?></font> 設(shè)置字體的顏色,使用名字或十六進(jìn)制值
2、圖形(命令)
<img src="name"> 添加一個圖像
<img src="name" align=?> 排列對齊一個圖像:左中右或上中下
<img src="name" border=?> 設(shè)置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=?> 設(shè)置水平線的大?。ǜ叨龋?/p>
<hr width=?> 設(shè)置水平線的寬度(百分比或絕對像素點)
<hr noshade> 創(chuàng)建一個沒有陰影的水平線
3、鏈接(命令)
<a href="URL"></a> 創(chuàng)建一個超鏈接
<a href="mailtEMAIL"></a> 創(chuàng)建一個自動發(fā)送電子郵件的鏈接
<a ></a> 創(chuàng)建一個位于文檔內(nèi)部的靶位
<a href="#NAME"></a> 創(chuàng)建一個指向位于文檔內(nèi)部靶位的鏈接
4、格式排版(命令)
<p> 創(chuàng)建一個新的段落
<p align=?> 將段落按左、 中、 右對齊
<br> 插入一個回車換行符
<blockquote></blockquote> 從兩邊縮進(jìn)文本
<dl></dl> 創(chuàng)建一個定義列表
<dt> 放在每個定義術(shù)語詞之前
<dd> 放在每個定義之前
<ol></ol> 創(chuàng)建一個標(biāo)有數(shù)字的列表
<li> 放在每個數(shù)字列表項之前,并加上一個數(shù)字
<ul></ul> 創(chuàng)建一個標(biāo)有圓點的列表
<li> 放在每個圓點列表項之前,并加上一個圓點
<div align=?> 一個用來排版大塊HTML 段落的標(biāo)簽,也用于格式化表
的標(biāo)題
<b></b> 創(chuàng)建黑體字
<i></i> 創(chuàng)建斜體字
<tt></tt> 創(chuàng)建打字機(jī)風(fēng)格的字體
<cite></cite> 創(chuàng)建一個引用,通常是斜體
<em></em> 加重一個單詞(通常是斜體加黑體)
<strong></strong> 加重一個單詞(通常是斜體加黑體)
<font size=?></font> 設(shè)置字體大小,從 1 到 7
<font color=?></font> 設(shè)置字體的顏色,使用名字或十六進(jìn)制值
2、圖形(命令)
<img src="name"> 添加一個圖像
<img src="name" align=?> 排列對齊一個圖像:左中右或上中下
<img src="name" border=?> 設(shè)置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=?> 設(shè)置水平線的大小(高度)
<hr width=?> 設(shè)置水平線的寬度(百分比或絕對像素點)
<hr noshade> 創(chuàng)建一個沒有陰影的水平線
3、鏈接(命令)
<a href="URL"></a> 創(chuàng)建一個超鏈接
<a href="mailtEMAIL"></a> 創(chuàng)建一個自動發(fā)送電子郵件的鏈接
<a ></a> 創(chuàng)建一個位于文檔內(nèi)部的靶位
<a href="#NAME"></a> 創(chuàng)建一個指向位于文檔內(nèi)部靶位的鏈接
4、格式排版(命令)
<p> 創(chuàng)建一個新的段落
<p align=?> 將段落按左、 中、 右對齊
<br> 插入一個回車換行符
<blockquote></blockquote> 從兩邊縮進(jìn)文本
<dl></dl> 創(chuàng)建一個定義列表
<dt> 放在每個定義術(shù)語詞之前
<dd> 放在每個定義之前
<ol></ol> 創(chuàng)建一個標(biāo)有數(shù)字的列表
<li> 放在每個數(shù)字列表項之前,并加上一個數(shù)字
<ul></ul> 創(chuàng)建一個標(biāo)有圓點的列表
<li> 放在每個圓點列表項之前,并加上一個圓點
<div align=?> 一個用來排版大塊HTML 段落的標(biāo)簽,也用于
格式化表
二、HTML基本語法
文件格式<html></html>(文件的開頭與結(jié)尾)
主題<title></title>(放在文件的開頭)
文頭區(qū)段<head></head>(描述文件的信息)
內(nèi)文區(qū)段<body></body>(放此文件的內(nèi)容)
標(biāo)題<h?></h>(?=1~6,改變標(biāo)題字的大小)
標(biāo)題對齊<h align=right,left,center></h>
字加大<big></big>
字變小<small></small>
粗體字<b></b>
斜體字<i></i>
底線字<u></u>
上標(biāo)字<sup></sup>
下標(biāo)字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字體大小<basefont size>(取值范圍從1到7,默認(rèn)值為3)
改變字體大小<font size=?></font>(?=1~7)
字體顏色<font color=#rrggbb></font>(RGB色碼)
指定字型<font face=?></font>(?=宋體,楷體等)
網(wǎng)址鏈結(jié)<a href="URL"></a>
設(shè)定錨點<a ></a>(?以容易記為原則)
鏈結(jié)到錨點<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(錨點不同文件)
顯示圖形<img src="URL"></a>
圖形位置<img src="URL"
align=top,bottom,middle,left,right>(分別為上、下、中、左、右的位置)
圖形取代文字<img src="URL"alt=?>(無法顯示圖形時用)
圖形尺寸<img src="URL" width=? height=?>(?以像素為單位)
連結(jié)圖形邊線<img src="URL"border=?>(?以像素為單位)
圖形四周留白<img src="URL"hspace=? vspace=?>(?以像素為單位)
段落<p></p>
斷行<br></br>
橫線<hr>
橫線厚度<hr size=?>(?以像素為單位)
橫線長度<hr width=?>(?以像素為單位)
橫線長度<hr width=?%>(?與頁寬相比較)
實橫線<hr noshade>(無立體效果)
背景圖案<body background=圖形文件名>(圖形文件格式為gif和jpg)
背景顏色<body bgcolor=#rrggbb>(RGB色碼)
背景文字顏色<body text=#rrggbb>(RGB色碼)
未鏈結(jié)點顏色<body link=#rrggbb>(RGB色碼)
已鏈結(jié)點顏色<body vlink=#rrggbb>(RGB色碼)
正在鏈結(jié)點顏色<body alink=#rrggbb(RGB色碼)
個性鼠標(biāo)代碼
動態(tài)鼠標(biāo)樣式大全,很不錯,網(wǎng)址:http://www./Mouse.htm
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse001.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse002.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse003.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse004.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse005.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse006.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse007.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse008.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse009.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse010.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse011.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse012.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse013.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse014.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse015.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse016.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse017.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse018.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse019.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse020.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse021.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse022.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse023.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse024.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse025.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse026.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse027.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse028.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse029.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse030.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse031.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse032.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse033.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse034.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse035.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse036.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse037.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse038.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse039.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse040.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse041.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse042.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse043.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse044.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse045.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse046.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse047.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse048.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse049.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse050.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse051.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse052.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse053.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse054.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse055.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse056.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse057.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse058.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse059.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse060.ani
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse001.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse002.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse003.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse004.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse005.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse006.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse007.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse008.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse009.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse010.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse011.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse012.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse013.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse014.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse015.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse016.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse017.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse018.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse019.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse020.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse021.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse022.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse023.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse024.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse025.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse026.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse027.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse028.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse029.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse030.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse031.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse032.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse033.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse034.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse035.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse036.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse037.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse038.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse039.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse040.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse041.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse042.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse043.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse044.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse045.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse046.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse047.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse048.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse049.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse050.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse051.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse052.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse053.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse054.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse055.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse056.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse057.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse058.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse059.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse060.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse061.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse062.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse063.cur
移到我這看效果 該鼠標(biāo)樣式路徑:http://www./cursor/mouse064.cur
代碼示例
Js調(diào)用包: http://www./javascript/BlogPublic.js
方法 將代碼:<script src="http://www./cursor/mouse002.ani)">
注意,其中:http://www./cursor/mouse002.ani可改成您喜歡的動態(tài)鼠標(biāo)樣式路徑!
讓部分使用動態(tài)鼠標(biāo)樣式方法如table 在改 <table >為<table style="cursor:url(http://www./cursor/mouse002.ani)">
注意,其中:http://www./cursor/mouse002.ani可改成您喜歡的動態(tài)鼠標(biāo)樣式路徑!table里其它屬性不要去變,如寬度,高度等!
HTML語法(代碼基礎(chǔ))
<!> 跑馬燈
<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>粗體字(強(qiáng)調(diào))
<i>...</i>斜體字
<em>...</em>斜體字(強(qiáng)調(diào))
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<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è)定顏色)
<br>(換行)
<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=圖片地址 alt=提示文字>設(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ù)字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<frameset rows="20%,*">分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A 被連結(jié)點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預(yù)設(shè)字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設(shè)定文字顏色
<BODY> 顯示本文
<BR> 換行
<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> 強(qiáng)調(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 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> 用于加強(qiáng)語氣
<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> 打字機(jī)字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用于顯示變量
HTML語法效果
HTML語法效果 一. 基本語句:
1. 發(fā)各種字體的字:
黑體字 ?。骸 ?lt;font face="黑體">黑體字</font>
宋體字 ?。骸 ?lt;font face="宋體">宋體字</font>
仿宋字 ?。骸 ?lt;font face="仿宋_GB2312">仿宋字</font>
楷體字 ?。骸 ?lt;font face="楷體_GB2312">楷體字</font>
隸書字 ?。骸 ?lt;font face="隸書">隸書字</font>
幼圓字 ?。骸 ?lt;font face="幼圓">幼圓字</font>
倒黑體字 : <font face="@黑體">倒黑體字</font>
倒宋體字 ?。骸 ?lt;font face="@宋體">倒宋體字</font>
倒仿宋字 : <font face="@仿宋_GB2312">倒仿宋字</font>
倒楷體字 ?。骸 ?lt;font face="@楷體_GB2312">倒楷體字</font>
倒隸書字 : <font face="@隸書">倒隸書字</font>
倒幼圓字 ?。骸 ?lt;font face="@幼圓">倒幼圓字</font>
代碼語法基本知識
一、字體語法:
align=center 字體居中
align=right 字體居右
align=left 字體居左
align=up 字體居上
align=down 字體居下
<font color=ff000>...</font> 字體顏色
face=華文行楷 表示字體
<font style=font:30pt face=新宋體 color=#ff0000>文字</font>
font:30pt 數(shù)值大文字就大
<font size=1>...</font> 最小字體
<font size=7>...</font> 最大字體
<h1>...</h1> 標(biāo)題字(最大 )
<h6>...</h6> 標(biāo)題字(最小)
<b>...</b> 粗體字
<strong>...</strong> 粗體字(強(qiáng)調(diào))
<i>...</i> 斜體字
<em>...</em> 斜體字(強(qiáng)調(diào))
<big>...</big> 字體加大
<marquee>...</marquee> 移動字體(走馬燈)
<dfn>...</dfn> 斜體字(表示定義)
<u>...</u> 底線
<ins>...</ins> 底線(表示插入文字)
<strike>...</strike> 橫線
<s>...</s> 刪除線
<del>...</del> 刪除線(表示刪除)
<kbd>...</kbd> 鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp 固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext> 固定寬度字體(不執(zhí)行標(biāo)記符號)
<listing>...</listing> 固定寬度小字體
<font style ="font-size:100px">...</font> 無限增大
二、區(qū)斷標(biāo)記:
<hr> 水平線
<hr size="9" 水平線(設(shè)定大小)
<hr width="80%"> 水平線(設(shè)定寬度)
<hr color="ff0000"> 水平線(設(shè)定顏色)
<br> (換行)
空格命令
<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=圖片地址 alt="提示文字"> 設(shè)定圖片提示文字
<img src=圖片地址 border="1"> 設(shè)定圖片邊框
<bgsound src=MID音樂文件地址> 背景音樂設(shè)定
<body background="背景圖片地址"> 貼背景
<body bgcolor="#ff0000"> 設(shè)定背景顏色
<embed src="flash地址" width="寬度" height="高度"> 貼Flash圖
<img dynsrc="影視文件地址" width="寬度" height="高度" start=mouseover> 貼影視
<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe> 貼網(wǎng)頁
<A href="對方網(wǎng)址">寫文字 文字連接
<a href="對方網(wǎng)址"><IMG src="圖片地址" border=0> 圖片連接
<DIV><FONT face=黑體 color=#ff0000 size=4> <A href="對方網(wǎng)址">文字</DIV> 彩色文字連接
<P align=center><FONT color=#0066ff face=華文行楷 size=5>插入文字</FONT></P>設(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=2>...</marquee>設(shè)定滑動速度數(shù)值
<marquee scrolldelay=200>...</marquee>設(shè)定滑動時間
<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑動停頓
<body background="背景圖片地址" body bgproperties=fixed>固定背景不隨滾動條滾動
五.表格語法:
<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ù)字)
<!>分割窗口
<frameset 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> 用來顯示電子郵箱地址
HTML代碼課堂
(一)
在日志里添加WMV文件
<P><EMBED style="WIDTH: 600px; HEIGHT: 368px" pluginspage=http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin& src=wmv 地址width=600 height=368 border="0" showcontrols="1" showaudiocontrols="1" showstatusbar="1" autostart="1" loop="0" enablecontextmenu="1"></EMBED> </P>
在日志里添加RM文件
<embed src="RM地址" controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%" height="200" autostart="1" loop="0"></embed>
在日志里添加FLASH文件
<P><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=600 height=400 type=application/x-shockwave-flash quality="high"> </P>
(二)
朦朧圖片加入兩個透明FLASH的效果,代碼如下:
<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=圖片地址 border=0>
<TBODY>
<TR>
<TD><BR><EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>
圖片朦朧效果的代碼如下:
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=1)" width=595 background=圖片地址 height=406>
<P align=center><EMBED src=動畫地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
請大家注意:style=1或2或3,其圖片朦朧的效果就不同,如果是4就沒有效果了。在朦朧圖片的基礎(chǔ)上還能加入透明的FLASH。其代碼如下:
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=圖片地址 height=406>
<P align=center><EMBED src=透明FLASH地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
(三)
一張照片,2個動畫合并的特效代碼:
<P align=center>
<TABLE height=363 cellPadding=0 width=539 align=center background=圖片地址 border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=動畫地址 width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=動畫地址 width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>
【二】一張圖片,二個特效動畫合并的代碼效果:
<P align=center>
<TABLE height=363 cellPadding=0 width=500 align=center background=圖片地址 border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=動畫地址 width=500 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=動畫地址 width=500 height=360 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE>
(四)
由中間向兩邊移動的文字
<P align=center> </P>
<P align=center><FONT face=華文彩云 color=#ee110e size=5>
<MARQUEE width=200 height=50>由中間向兩邊移動的文字和圖像</FONT></MARQUEE><FONT face=華文彩云 color=#ee110e size=5><FONT face=華文彩云 color=#ee1111 size=5>
<MARQUEE direction=right width=200 height=50>由中間向兩邊移動的文字和圖像</FONT></MARQUEE></FONT></FONT></P></FONT>
2.文字左向右移動
<DIV imgzoom" scrollAmount=2 direction=right><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#00ff00>要寫的文字</FONT></MARQUEE>
3.文字向下移動
<MARQUEE scrollAmount=2 direction=down><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#00ff00>要寫的文字</FONT></MARQUEE>
4.文字向上移動
<MARQUEE scrollAmount=2 direction=up><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#00ff00>要寫的文字</FONT></MARQUEE>
5.文字跳舞
<CENTER><FONT size=8><FONT face=隸書 color=red>
<MARQUEE direction=up behavior=alternate width=80 height=120>要</MARQUEE></FONT><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=80 height=80>寫</MARQUEE></FONT><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=80 height=120>的</MARQUEE></FONT><FONT color=green>
<MARQUEE direction=up behavior=alternate width=80 height=80>文</MARQUEE></FONT><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=80 height=120>字</MARQUEE></FONT></FONT></CENTER></DIV>
6.光暈效果文字代碼
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要輸入的文字</FONT></DIV>
7.滾動字代碼
<marquee border="0" align="middle" scrolldelay="120">要輸入的文字</marquee>
8.涂鴉版
這個涂鴉板,就是版面設(shè)計不好,代碼是:
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash./flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
9.發(fā)光效果
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋體; FONT-SIZE: 30pt; WIDTH: 100%"><B>要輸入的文字</B></FONT>
10.模糊效果
<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要輸入的文字</FONT>
11發(fā)光文字代碼:
<table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>
其中color是陰影的顏色,可以配合網(wǎng)頁色調(diào)改變,direction是設(shè)置陰影的強(qiáng)度,font color是原字體的顏色。
12浮雕的文字:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>
其中color是陰影的顏色,可以配合網(wǎng)頁色調(diào)改變,positive是設(shè)置陰影的強(qiáng)度,offx和offy是設(shè)置的陰影和文字的距離,font color是原字體的顏色。
13 陰影的文字:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>
14 七彩文字背景代碼:
<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http:///client/zcsl/200644152842607.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=華文行楷 color=#336699
(五 )
帶背景的往上浮動字公告欄:
<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background=圖片地址 height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>公告內(nèi)容<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>
1、代碼中紅色的部分就是背景圖片的鏈接地址2、代碼中黃色的部分是使用的圖片的高和寬,一定要設(shè)置成和圖片一致,否則圖片不能完整顯示3、代碼中藍(lán)色的部分是滾動文字的設(shè)置代碼,direction=up向上down向下righ向右tleft向左4、粉色的代碼部分是文字從公告欄空白處出來時的高度,可以隨意調(diào)節(jié).