主頁(yè)各類模塊代碼大全

五象之鷹 2010-08-09

展開(kāi)全文

主頁(yè)各類模塊代碼

(01)“歡迎光臨”模塊代碼 (02)兩款精美時(shí)鐘代碼
(03)北京奧運(yùn)倒計(jì)時(shí)牌 (04)模塊“人生境界”代碼
(05)“公告欄”模塊代碼 (06)有趣的“地月之吻”flash
(07)一款精美青山綠水flash代碼 (08)"個(gè)人地帶"模塊代碼
(09)“基金理財(cái)資訊”模塊代碼 (10)“在線交流”模塊代碼
(11)"生活如是說(shuō)"模塊代碼 (12)星座占卜五款
(13)"你我共勉"模塊代碼 (14)"分類網(wǎng)址導(dǎo)航"模塊代碼
(15)"名站導(dǎo)航"模塊代碼 (16)添加留言涂鴉板
(17)"在線小游戲"模塊代碼 (18)清明上河圖"模塊代碼

(19)"相冊(cè)導(dǎo)航"的代碼 (20)可愛(ài)的鳥(niǎo)兒(滾動(dòng)圖片)
(21)訪客"停留時(shí)間"模塊代碼 (22)自然風(fēng)景(超寬幅)"模塊代碼
(23)生活信息查詢"模塊代碼 (24)添加在線天氣預(yù)報(bào)
(25)添加博客日歷代碼 (26)"美麗的城市夜景"模塊代碼
(27)"我的訂閱"模塊代碼 (28)"魔方相冊(cè)"模塊代碼
(29)"關(guān)于我"模塊代碼 (30)顯示訪客的 IP 地址
(31)添加“為您服務(wù)”代碼 (32)各種播放器代碼
(33)添加“運(yùn)勢(shì)”測(cè)算模塊 (34)添加“讀書MM”代碼
(35)“增加博客流量”模塊代碼 (36)“這里是您美的享受”模塊

主頁(yè)各類模塊代碼大全（本博客原創(chuàng)整理，歡迎引用） - 沉默是金 - 沉默是金de家園 本模塊代碼復(fù)制處（可以放到您的博客主頁(yè)中）

代碼如下：

<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=10)" bgColor=#ff9999 height=23>
主頁(yè)各類模塊代碼</TD></TR>
<TR>
<TD vAlign=top height=0></TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff69b4 cellSpacing=1 cellPadding=1 width=460 align=center bgColor=#f5f5f5 border=1>
<TBODY>
<TR>
<TD width="50%">(01)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008373919359/" target=_blank>“歡迎光臨”模塊代碼</A></TD>
<TD width="50%">(02)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008396824314/" target=_blank>兩款精美時(shí)鐘代碼</A></TD>
<TR>
<TD width="50%">(03)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200822594923610/" target=_blank>北京奧運(yùn)倒計(jì)時(shí)牌</A><A href="http://blog.163.com/gsd_432427/blog/static/2291141200701803426537/" target=_blank></A></TD>
<TD width="50%">(04)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120082159636792/" target=_blank>模塊“人生境界”代碼</A></TD>
<TR>
<TD width="50%">(05)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008122113530254/" target=_blank>“公告欄”模塊代碼</A></TD>
<TD width="50%">(06)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008110115031743/" target=_blank>有趣的“地月之吻”flash</A></TD>
<TR>
<TD width="50%">(07)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008110113431782/" target=_blank>一款精美青山綠水flash代碼</A></TD>
<TD width="50%">(08)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120100465824654/<TR>
<TD width="50%">(09)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200772084156147/" target=_blank>“基金理財(cái)資訊”模塊代碼</A></TD>
<TD width="50%">(10)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200771952355671/" target=_blank>“在線交流”模塊代碼</A></TD>
<TR>
<TD width="50%">(11)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912007313440523/" target=_blank>"生活如是說(shuō)"模塊代碼</A></TD>
<TD width="50%">(12)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120073751935640/" target=_blank>星座占卜五款</A></TD>
<TR>
<TD width="50%">(13)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200722281017188/" target=_blank>"你我共勉"模塊代碼</A></TD>
<TD width="50%">(14)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200721335354123/" target=_blank>"分類網(wǎng)址導(dǎo)航"模塊代碼</A></TD>
<TR>
<TD width="50%">(15)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200721334638831/" target=_blank>"名站導(dǎo)航"模塊代碼</A></TD>
<TD width="50%">(16)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200711681142993/" target=_blank>添加留言涂鴉板</A></TD>
<TR>
<TD width="50%">(17)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120070181315104/" target=_blank>"在線小游戲"模塊代碼</A></TD>
<TD width="50%">(18)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701710415606/" target=_blank>清明上河圖"模塊代碼</A></TD></TR>
<TR>
<TD width="50%">(19)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120072133153192/" target=_blank>"相冊(cè)導(dǎo)航"的代碼</A></TD>
<TD width="50%">(20)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200712795130131/" target=_blank>可愛(ài)的鳥(niǎo)兒(滾動(dòng)圖片)</A></TD>
<TR>
<TD width="50%">(21)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120070176310566/" target=_blank>訪客"停留時(shí)間"模塊代碼</A></TD>
<TD width="50%">(22)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701683030777/" target=_blank>自然風(fēng)景(超寬幅)"模塊代碼</A></TD>
<TR>
<TD width="50%">(23)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701563623494/" target=_blank>生活信息查詢"模塊代碼</A></TD>
<TD width="50%">(24)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006112523846631/" target=_blank>添加在線天氣預(yù)報(bào)</A></TD>
<TR>
<TD width="50%">(25)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701562221722/" target=_blank>添加博客日歷代碼</A></TD>
<TD width="50%">(26)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701561744170/" target=_blank>"美麗的城市夜景"模塊代碼</A></TD>
<TR>
<TD width="50%">(27)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200701553544367/" target=_blank>"我的訂閱"模塊代碼</A></TD>
<TD width="50%">(28)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120070155313528/" target=_blank>"魔方相冊(cè)"模塊代碼</A></TD>
<TR>
<TD width="50%">(29)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912007015561814/" target=_blank>"關(guān)于我"模塊代碼</A></TD>
<TD width="50%">(30)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200721084358388/" target=_blank>顯示訪客的 IP 地址</A></TD>
<TR>
<TD width="50%">(31)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831983154668/" target=_blank>添加“為您服務(wù)”代碼</A></TD>
<TD width="50%">(32)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831983839754/" target=_blank>各種播放器代碼</A></TD>
<TR>
<TD width="50%">(33)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120083199519454/" target=_blank>添加“運(yùn)勢(shì)”測(cè)算模塊</A></TD>
<TD width="50%">(34)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831991239381/" target=_blank>添加“讀書MM”代碼</A></TD>
<TR><TD width="50%">(35)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120085188112358/" target=_blank>“增加博客流量”模塊代碼</A></TD>
<TD width="50%">(36)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120085107434584/" target=_blank>“這里是您美的享受”模塊</A></TD>

<TR>
<TD width="50%">(37)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200810923015701/" target=_blank>視覺(jué)大餐-各類精品圖片欣賞</A></TD>
<TD width="50%">(38)<A href="http://hcsndjlch.blog.163.com/blog/static/502691201022165226225/" target=_blank>博客日?qǐng)?bào)安裝代碼</A></TD></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TBODY></TABLE>
<IMG src="http://image13.360doc.com/DownloadImg/2010/08/0921/4522815_1.jpg"><A href="http://hcsndjlch.blog.163.com/blog/static/50269120083164141486/" target=_blank>本模塊代碼復(fù)制處</A>（可以放到您的博客主頁(yè)中）

注：1. 代碼中“<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=10)" bgColor=#ff9999 height=23>
主頁(yè)各類模塊代碼</TD></TR>
<TR>
<TD vAlign=top height=0></TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff69b4 cellSpacing=1 cellPadding=1 width=460 align=center bgColor=#f5f5f5 border=1>
<TBODY>”

是設(shè)置表格及字體尺寸和顏色的,，主頁(yè)風(fēng)格不同所以模塊尺寸不同,，可以自行設(shè)置表格及字體尺寸和顏色的。

2. 在你的博客主頁(yè)建一個(gè)空白模塊,，將此代碼復(fù)制過(guò)去,，即可將此模塊搬家到你的主頁(yè)中。歡迎引用,！

3. 這里是主頁(yè)代碼的一部分,，更多代碼參見(jiàn)我博客日志的“主頁(yè)代碼專區(qū)”。

更多模塊代碼見(jiàn)我“所有日志”中的“主頁(yè)模塊代碼專區(qū)”

效果如下：（見(jiàn)我博客主頁(yè)）

博客教程教你炫博客

(01)裝飾你的博客代碼大全	(02)教你如何給日志作封面
(03)在日志中插入圖片	(04)給日志加漂亮邊框
(05)教你制作"在線投票箱"	(06)教你制作藝術(shù)相冊(cè)
(07)簡(jiǎn)單音畫帖子制作	(08)讓超鏈接文字產(chǎn)生特效
(09)在博客安裝播放器（多款）	(10)實(shí)用的博客10大代碼
(11)如何在圖片上貼多個(gè)flash	(12)給博客添加"QQ在線聊天"
(13)博客的文字.圖片.邊框效果	(14)在博客上加FLASH動(dòng)畫
(15)給博客添加視頻播放器	(16)給博客加音樂(lè)播放器
(17)給博客添加背景音樂(lè)	(18)制作滾動(dòng)的圖片
(19)給你的博客加入到搜索引擎	(20)給日志加圖片背景
(21)如何在FLASH上加入文字	(22)如何在圖片中加入文字
(23)字體特效及代碼	(24)編輯日志常用代碼
(25)給博客添加“留言本”	(26)給博客添加“心情告示牌”
(27)制作個(gè)人名片代碼	(28)給博客添加QQ連接
(29)制作圖形公告欄	(30)給日志加滾動(dòng)條
(31)傳播你博客的七種武器	(32)圖片羽化效果后上面加文字
(33)如何在日志中插入圖片	(34)HTML語(yǔ)法大全
(35)給文章添加分割線	(36)博客代碼技巧教程
(37)鼠標(biāo)樣式大全及使用方法	(38)快速使你博客點(diǎn)擊猛增
(39)博客安裝閃客聊天室及代碼	(40)博客必備工具及引擎
(41)教你制作特效字	(42)顯示訪客IP地址的代碼
(43)讓別人訂閱你的博客,！	(44)圖片各種移動(dòng)代碼匯編
(45)制作圖形公告欄	(46)[博客技巧]巧妙的文字豎排

代碼如下：

<TABLE borderColor=#ff9999 height=0 cellSpacing=0 cellPadding=0 width=460 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=10)" bgColor=#ff9999 height=23>
博客教程教你炫博客</TD></TR>
<TR>
<TD vAlign=top height=0></TD></TR></TBODY></TABLE>
<TABLE borderColor=#ff69b4 cellSpacing=1 cellPadding=1 width=460 align=center bgColor=#f5f5f5 border=1>
<TBODY>
<TR>
<TD width="50%">(01)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006101345630196/" target=_blank>裝飾你的博客代碼大全</A></TD>
<TD width="50%">(02)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120070264233550/" target=_blank>教你如何給日志作封面</A></TD>
<TR>
<TD width="50%">(03)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831315510471/" target=_blank>在日志中插入圖片</A></TD>
<TD width="50%">(04)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200611131930960/" target=_blank>給日志加漂亮邊框</A></TD>
<TR>
<TD width="50%">(05)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006112341126669/" target=_blank>教你制作"在線投票箱"</A></TD>
<TD width="50%">(06)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111911247827/" target=_blank>教你制作藝術(shù)相冊(cè)</A></TD>
<TR>
<TD width="50%">(07)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111672621161/" target=_blank>簡(jiǎn)單音畫帖子制作</A></TD>
<TD width="50%">(08)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111662728560/" target=_blank>讓超鏈接文字產(chǎn)生特效</A></TD>
<TR>
<TD width="50%">(09)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111693644661/" target=_blank>在博客安裝播放器（多款）</A></TD>
<TD width="50%">(10)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111610641108/" target=_blank>實(shí)用的博客10大代碼</A></TD>
<TR>
<TD width="50%">(11)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111211041375/" target=_blank>如何在圖片上貼多個(gè)flash</A></TD>
<TD width="50%">(12)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006102671948481/" target=_blank>給博客添加"QQ在線聊天"</A></TD>
<TR>
<TD width="50%">(13)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006112102744888/" target=_blank>博客的文字.圖片.邊框效果</A></TD>
<TD width="50%">(14)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006102674332623/" target=_blank>在博客上加FLASH動(dòng)畫</A></TD>
<TR>
<TD width="50%">(15)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200610267374758/" target=_blank>給博客添加視頻播放器</A></TD>
<TD width="50%">(16)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006102673450913/" target=_blank>給博客加音樂(lè)播放器</A></TD>
<TR>
<TD width="50%">(17)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200610267314588/" target=_blank>給博客添加背景音樂(lè)</A></TD>
<TD width="50%">(18)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006102672627377/" target=_blank>制作滾動(dòng)的圖片</A></TD></TR>
<TR>
<TD width="50%">(19)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200610267110770/" target=_blank>給你的博客加入到搜索引擎</A></TD>
<TD width="50%">(20)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006102664342602/" target=_blank>給日志加圖片背景</A></TD>
<TR>
<TD width="50%">(21)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200610265547725/" target=_blank>如何在FLASH上加入文字</A></TD>
<TD width="50%">(22)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006101481039214/" target=_blank>如何在圖片中加入文字</A></TD>
<TR>
<TD width="50%">(23)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006101445330979/" target=_blank>字體特效及代碼</A></TD>
<TD width="50%">(24)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200811633923599/" target=_blank>編輯日志常用代碼</A></TD>
<TR>
<TD width="50%">(25)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120083190922313/" target=_blank>給博客添加“留言本”</A></TD>
<TD width="50%">(26)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831902724792/" target=_blank>給博客添加“心情告示牌”</A></TD>
<TR>
<TD width="50%">(27)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831903815391/" target=_blank>制作個(gè)人名片代碼</A></TD>
<TD width="50%">(28)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831904213199/" target=_blank>給博客添加QQ連接</A></TD>
<TR>
<TD width="50%">(29)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831904733613/" target=_blank>制作圖形公告欄</A></TD>
<TD width="50%">(30)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912007102232043732/" target=_blank>給日志加滾動(dòng)條</A></TD>
<TR>
<TD width="50%">(31)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912007921101835352/" target=_blank>傳播你博客的七種武器</A></TD>
<TD width="50%">(32)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120075282553438/" target=_blank>圖片羽化效果后上面加文字</A></TD>
<TR>
<TD width="50%">(33)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831315510471/" target=_blank>如何在日志中插入圖片</A></TD>
<TD width="50%">(34)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912006111685525837/" target=_blank>HTML語(yǔ)法大全</A></TD>
<TR>
<TD width="50%">(35)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008397383299/" target=_blank>給文章添加分割線</A></TD>
<TD width="50%">(36)<A href="http://pepshop.blog.163.com/" target=_blank>博客代碼技巧教程</A></TD>
<TR>
<TD width="50%"><A href="http://hcsndjlch.blog.163.com/blog/static/502691200851043620362/" target=_blank>(37)鼠標(biāo)樣式大全及使用方法</TD>

<TD width="50%">(38)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008580540387/" target=_blank>快速使你博客點(diǎn)擊猛增</A></TD>
<TR>
<TD width="50%">(39)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120085295112825/" target=_blank>博客安裝閃客聊天室及代碼</A></TD>
<TD width="50%">(40)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120085285356423/" target=_blank>博客必備工具及引擎</A></TD>
<TR>
<TD width="50%">(41)<A href="http://hcsndjlch.blog.163.com/blog/static/5026912008425113317278/" target=_blank>教你制作特效字</A></TD>
<TD width="50%">(42)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200842061435787/" target=_blank>顯示訪客IP地址的代碼</A></TD>
<TR>
<TD width="50%">(43)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200841393517391/" target=_blank>讓別人訂閱你的博客,！</A></TD>
<TD width="50%">(44)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200841385130330/" target=_blank>圖片各種移動(dòng)代碼匯編</A></TD>
<TR>
<TD width="50%">(45)<A href="http://hcsndjlch.blog.163.com/blog/static/502691200831904733613/" target=_blank>制作圖形公告欄</A></TD>
<TD width="50%">(46)<A href="http://hcsndjlch.blog.163.com/blog/static/50269120085821559950/" target=_blank>[博客技巧]巧妙的文字豎排</A></TD>
<TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TR></TBODY></TABLE>
<IMG src="http://image13.360doc.com/DownloadImg/2010/08/0921/4522815_1.jpg"><A href="http://hcsndjlch.blog.163.com/blog/static/50269120083190710537/" target=_blank>本模塊代碼復(fù)制處</A>（可以放到您的博客主頁(yè)中）

是設(shè)置表格及字體尺寸和顏色的,，主頁(yè)風(fēng)格不同所以模塊尺寸不同，可以自行設(shè)置表格及字體尺寸和顏色的,。

2. 在你的博客主頁(yè)建一個(gè)空白模塊,，將此代碼復(fù)制過(guò)去，即可將此模塊搬家到你的主頁(yè)中。歡迎引用,！

3. 這里是我“博客教程”中的一部分,，其他部分請(qǐng)見(jiàn)我的博客日志的“博客教程”

4.bgColor=#f5f5f5語(yǔ)句是填充表格顏色的,刪除這個(gè)語(yǔ)句表格就是透明的了.

如何貼背景圖案（文字與圖片居中）:

<center><table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8 WIDTH=98% align=center table background="背景圖片或顏色" width=700><tr><td><center> 
文字或圖片。,。,。
<td></table>

圖片加邊框:

<table border=2><td><img src="圖片地址"></td></table>

圖上做文:
<center><table width="700" border="0"><tbody><tr><td vAlign="left" background="圖片地址" width="1000" height="450">
“文字內(nèi)容 ”
</center></td></tr></table>

帖子里插入Flash代碼：
<embed src="http://Flash地址" width=500 height=340></embed>

貼MP3播放器的代碼
<EMBED src="mp3地址" width=310 height=35 type=audio/x-pn-realaudio-plugin controls="ControlPanel,StatusBar" autostart="true" loop="true">

支持rm或mid格式（隨機(jī)播放）：
<EMBED src="http--rm\mp3\mid" width=150 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">

（非自動(dòng)播放）:
<EMBED name=player1 src="http:--rm\mp3" width=248 height=66 type=audio/x-pn-realaudio-plugin border="0">

隱藏mp3播放器:
<embed width="0" height="0" src="MP3地址" type="application/x-shockwave-flash"></embed>

播放器直接放(在中間小圖)：
<center><embed src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">

視頻常用播放器[MTV]
<embed src="視頻地址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="450" autostart="true">

上下滾動(dòng)特效代碼:
<DIV align=center>
<MARQUEE onmouseout=scrollAmount=2 scrollAmount=2 direction=up width=300 height=260>
*文字內(nèi)容園*</A>
</MARQUEE></DIV>
注：direction后面就滾動(dòng)的方向，也可是down,，left,，right。

html基礎(chǔ)知識(shí),，忘了代碼的來(lái)看

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

3)在新窗口打開(kāi)連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

4)移動(dòng)字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

5)字體加粗：寫上你想寫的字

6)字體斜體：寫上你想寫的字

7)字體下劃線: 寫上你想寫的字

8)字體刪除線: <s>寫上你想寫的字</s>

9)字體加大: <big>寫上你想寫的字</big>

10)字體控制大?。?lt;h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,，h5最小)

11)更改字體顏色：寫上你想寫的字(其中value值在000000與ffffff(16位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂(lè)：<embed src="音樂(lè)地址" width="寬度" height="高度" autostart=false>

14)貼flash: <embed src="flash地址" width="寬度" height="高度">
15)貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

16)換行： 

17)段落：段落

18)原始文字樣式：<pre>正文</pre>

19)換帖子背景：<body background="背景圖片地址">

20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body
bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見(jiàn)10)

22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址" loop=infinite>

23)貼網(wǎng)頁(yè)：<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe>

文本：

：

這是改變文字大小,、字形、顏色最常用的標(biāo)記

例子：一堆廢話

效果：一堆廢話

face用于設(shè)定字體,，如果你用的不是系統(tǒng)自帶的字體（如用什么文鼎阿,、方正阿這類字體），其他人可能會(huì)看不到效果的,。不加此參數(shù)即用默認(rèn)字體

size用于設(shè)定字的大小,，默認(rèn)是3，數(shù)字越大字體越大,，文字多的話最好不要把字調(diào)得太大,，因?yàn)橐粨Q行就會(huì)亂作一團(tuán)看不清了

color就是調(diào)顏色啦，可以用16進(jìn)制數(shù)微調(diào)顏色,，也可以直接用英文,，如：

一堆廢話：一堆廢話

詳細(xì)的顏色代碼要自己找的~~嘿嘿~~~~~

 ：

這是字體加粗的標(biāo)記

例子：寫上你想寫的字

效果：寫上你想寫的字

<big></big>

這是字體加大的標(biāo)記

例子：<big>寫上你想寫的字</big>

效果：寫上你想寫的字



這是字體縮小的標(biāo)記

例子：寫上你想寫的字

效果：寫上你想寫的字



這是字體下滑線的標(biāo)記

例子：寫上你想寫的字

效果：寫上你想寫的字

<H1></H1>

這是控制字體大小的標(biāo)記

例子：<H1>寫上你想寫的字</H1>

效果：寫上你想寫的字

(其中字體大小可從H1-H5,H1最大，H5最小)



字體上標(biāo)

例子：上標(biāo)

效果：^上標(biāo)



字體下標(biāo)

例子：下標(biāo)

效果：_下標(biāo)

<strike></strike>

刪除線

例子：<strike>刪除線</strike>

效果：~~刪除線~~

◆鏈接：

<a></a>

１,、鏈接標(biāo)記,，使一段文字或圖片變成打開(kāi)另一個(gè)網(wǎng)頁(yè)或其它什么東西的鏈接

例子：<a href="http://zxonly./"
target="new" title="點(diǎn)擊進(jìn)入">猴子的zxonly論壇</a>

效果：猴子的zxonly論壇

href后面就是你這個(gè)鏈接要去的地方，也可以是當(dāng)前頁(yè)或其他頁(yè)面的內(nèi)部錨點(diǎn)（看下面的例子）

target參數(shù)用于指定該鏈接將在什么窗口打開(kāi),，常用的值：

 target="_self"
 在當(dāng)前頁(yè)打開(kāi),，這個(gè)是默認(rèn)值

 target="_blank" 或 target="new"
 在新窗口中打開(kāi)

 target="框架頁(yè)名稱" 或"window_name"
 指定該鏈接在哪個(gè)框架頁(yè)打開(kāi)

title參數(shù)后面可以輸入一些簡(jiǎn)單的說(shuō)明文字，當(dāng)鼠標(biāo)停留在該鏈接一兩秒后就會(huì)出現(xiàn)這些說(shuō)明文字（其實(shí)很多標(biāo)記里都可以用title來(lái)加注釋的,，包括上面的）

<a>標(biāo)記還有一個(gè)參數(shù)：<a name="錨點(diǎn)名"></a>用于設(shè)定錨點(diǎn),，之后就可以用<a
href="#錨點(diǎn)名"></a>來(lái)定位到該點(diǎn)了，由于用了name參數(shù)后,，該條<a>語(yǔ)句將不被顯示,，所以href參數(shù)是不能和name參數(shù)一起用的

2、想做一個(gè)返回頁(yè)面最頂端的鏈接是不用事先定義錨點(diǎn)的，用#top這個(gè)值就可以了

例子：<a href="#top">回到該頁(yè)最頂上</a>

效果：回到該頁(yè)最頂上

也可以用圖片做鏈接：

例子：點(diǎn)我-〉<a href="http://zxonly./"><img
src="http://image9.360doc.com/DownloadImg/2010/04/1906/2914117_1.gif"></a>

效果：點(diǎn)我-〉

◆圖形：

<img>

圖形標(biāo)記,，貼圖用的,，也可以用來(lái)貼影視文件，這個(gè)標(biāo)記也是不用加結(jié)束標(biāo)記的

例子：<img src="xxx.jpg" width=50 height=100 border=3 alt="這個(gè)不是紅叉">

效果：

src后面的是圖片所在的地址,，這個(gè)地址可要寫清楚?。∫琴N成硬盤上的地址是非?？蓯u的

width和height是設(shè)定圖片的寬度和高度,，單位是像素，通常是不用加上的,，<img>標(biāo)記會(huì)默認(rèn)使用圖片的實(shí)際寬高,，如果圖片太大那就要設(shè)好這兩個(gè)參數(shù)縮小圖片以便瀏覽

border參數(shù)用于設(shè)定圖片邊框，設(shè)成0即不顯示邊框

alt可以給圖片加上注釋,，和上面提到的title功能差不多,，也是鼠標(biāo)停留就顯示注釋，甚至可以直接用title代替alt來(lái)完成這個(gè)任務(wù),，但alt有一項(xiàng)title沒(méi)有的功能,，就是瀏覽器不支持圖片顯示時(shí)或者自己可恥的貼成紅叉圖時(shí)，alt的注釋可以代替圖片顯示出來(lái)

◆多媒體：

<bgsound>

插入背景音樂(lè)的語(yǔ)句,，bgsound 的參數(shù)比較簡(jiǎn)單,，也不用結(jié)束標(biāo)記的，不過(guò)現(xiàn)在黑馬論壇里亂貼背景音樂(lè)是會(huì)被殺的,，所以建議大家少用為妙,，如果實(shí)在有什么絕世天音非要大家聽(tīng)不可，可以用下面介紹的 <embed> 標(biāo)記來(lái)貼,，而且記得要設(shè)成不自動(dòng)播放,，要不然咱們的管管就會(huì)很熱情地招待你的

例子：<bgsound src=http://zxonly2./music/圣斗士冥王篇-blue dream.mid
loop=-1>

效果：聽(tīng)

src后面是音樂(lè)的地址，可以是mp3也可以是midi（建議還是用midi的好,，mp3會(huì)死人的）

loop是循環(huán)播放的次數(shù),，“-1”的話就會(huì)不斷循環(huán)播放

<embed></embed>

播放多媒體文件的標(biāo)記，支持各種視頻,、音頻,、flash動(dòng)畫的播放，這個(gè)標(biāo)記的參數(shù)有很多,，在此就只介紹一些常用的吧：

<embed src="多媒體文件地址"
autostart="false" width="寬度"
height="高度" loop="false"
hidden="true"></embed>

src后面是多媒體文件的地址
autostart是設(shè)定是否自動(dòng)播放的選項(xiàng),，有兩個(gè)值"true"（是）和"false"（否）。如果不加這個(gè)參數(shù)那就默認(rèn)是"true"的,，上面已經(jīng)說(shuō)過(guò)了,，貼自動(dòng)播放的音樂(lè),、動(dòng)畫什么的會(huì)被管管招待的，所以大家一定要加上autostart=false啊
width和height是設(shè)定播放面板大小的,，hidden="true"時(shí)將無(wú)效,。如果只是貼音樂(lè)這兩個(gè)參數(shù)設(shè)不設(shè)都無(wú)所謂，如果是視頻文件且分辨率不高的話,，也可以不設(shè),，那就會(huì)用視頻文件的原始尺寸來(lái)顯示，如果是flash動(dòng)畫,，最好還是給它設(shè)個(gè)合適的大小,，以免過(guò)大或過(guò)小看不清
loop參數(shù)和bgsound那個(gè)的作用是一樣的，也是控制循環(huán),，默認(rèn)值是"false"即只播放一次不會(huì)循環(huán)再放,，=true或=-1就是不斷循環(huán)播放
hidden這個(gè)參數(shù)是設(shè)定顯不顯示播放面板（包括視頻畫面），默認(rèn)=false,，如果想貼成背景音樂(lè)可以把a(bǔ)utostart=true,、hidden=true，那就跟bgsound效果一樣了,，但如果設(shè)成autostart=false,、hidden=true那這句語(yǔ)句就白寫了（除非加上name參數(shù)然后用腳本調(diào)用），還無(wú)辜的讓人浪費(fèi)時(shí)間下載要播放的文件

◆其他：

<body>

本來(lái)<body>是用于網(wǎng)頁(yè)正文的開(kāi)始,，一個(gè)網(wǎng)頁(yè)只要一個(gè)就夠了，不過(guò)我們?yōu)榱说玫较胍男Ч?，不得?#8220;非法”的把它拖出來(lái)用了,，嘿嘿~~~~注意：<body>的設(shè)置會(huì)影響整個(gè)頁(yè)面，請(qǐng)小心使用

<body text="#000000"
bgcolor="#ffffff" background="874.gif"
bgproperties="fixed">

text是設(shè)置頁(yè)面文字的顏色,，如這里就是設(shè)置成text="#666666"

bgcolor用于設(shè)置背景顏色,，如果用了后面的background參數(shù)那么背景顏色可能會(huì)被背景圖遮蔽而看不出效果

background給頁(yè)面插入背景圖片，如果用來(lái)做背景的圖片很小的話,，那么該參數(shù)將會(huì)用該圖片平鋪填充整個(gè)背景,，選圖片一定要小心，如果背景圖片太花,，使文字都看不清的話,，那么很可能會(huì)被管大動(dòng)刑的

bgpropertie是配合上面的背景圖片來(lái)使用的，加了bgproperties="fixed"背景圖片就不會(huì)隨著文字滾動(dòng)而滾動(dòng)

◆css濾鏡：

css即層疊樣式表,，功能強(qiáng)大,，運(yùn)用得好的話可以做出很多絢麗效果。部分無(wú)參數(shù)濾鏡已經(jīng)在圖形那里介紹了,，這里就不再重復(fù)了,，網(wǎng)頁(yè)中加入css的方法有很多種,，這里為求方便-_-就只介紹使用ｓｔｙｌｅ參數(shù)直接加在部分標(biāo)記里的方法

{filter:alpha()}

此濾鏡可以使文字或圖像產(chǎn)生透明效果（圖形上面已經(jīng)有一個(gè)例子了）

opacity設(shè)定透明度，取值0-100,，0為完全透明,，100為完全不透明

finishopacity漸變效果結(jié)束時(shí)的透明度，值同上

ｓｔｙｌｅ設(shè)定透明區(qū)域的類型,，有4個(gè)值,，=0是統(tǒng)一形狀、=1是線形,、=2是放射狀,、=3是長(zhǎng)方形

startx、starty是用于設(shè)定漸變透明效果開(kāi)始的像素坐標(biāo),，這個(gè)位置的透明度由opacity參數(shù)決定

finishx,、finishy是用于設(shè)定漸變透明效果結(jié)束時(shí)像素坐標(biāo)，這個(gè)位置的透明度由finishopacity參數(shù)決定

{filter:blur()}

blur濾鏡會(huì)產(chǎn)生類似于ps的涂抹效果,，這里是用
標(biāo)記來(lái)加入ｓｔｙｌｅ,，在ｓｔｙｌｅ里面必須用width或height設(shè)定一個(gè)范圍，否則濾鏡效果將顯示不出來(lái)的

add用于指定blur濾鏡是否起作用,，有兩個(gè)值true（或1）和false（或0）,，默認(rèn)是true，所以可以不加此參數(shù)

direction設(shè)定涂抹的方向,，取值0-360,，但只能45度一個(gè)間隔，所以只由8個(gè)方向可選

strength設(shè)定涂抹效果的強(qiáng)度,，單位是像素

{filter:shadow()}
{filter:dropshadow()}

這兩個(gè)濾鏡都是產(chǎn)生陰影效果的,，shadow產(chǎn)生的效果類似于blur濾鏡，而dropshadow的效果就像燈照的投影

color用于設(shè)定陰影的顏色

direction和blur濾鏡那個(gè)一樣,，是設(shè)定陰影的方向

strength是設(shè)定陰影的強(qiáng)度（長(zhǎng)度）

offx,、offy用于設(shè)定陰影對(duì)應(yīng)在x軸y軸的位置，單位為像素,，值為正整數(shù)的話陰影將會(huì)在x軸右方（y軸下方）,，為負(fù)整數(shù)的話陰影會(huì)在x軸左方（y軸上方），這兩個(gè)數(shù)值的大小也決定了陰影離開(kāi)對(duì)象的距離

positive有兩個(gè)值true（或1）和false（或0）,，如果是true,，那就為不透明的部分建立陰影，如果是false就相反

{filter:wave()}

wave濾鏡用于產(chǎn)生扭曲效果

freq設(shè)定將產(chǎn)生多少個(gè)波紋

lightstrength設(shè)定產(chǎn)生光影效果的強(qiáng)度,，取值0-100,，建議不要設(shè)太高，否則會(huì)產(chǎn)生很難看的黑條的

phase設(shè)定正弦波開(kāi)始的偏移量,，取值是0-100

strength設(shè)定扭曲的強(qiáng)度

{filter:glow()}

glow濾鏡會(huì)給文字或圖片包一層光暈效果

color設(shè)定光暈的顏色

strength設(shè)定光暈的大小,，單位是像素

{filter:chroma()}

此濾鏡可以使指定的一種顏色變成透明,，這個(gè)濾鏡很簡(jiǎn)單，就一個(gè)參數(shù)

color就是指定要變成透明的顏色

一,、文字標(biāo)記

基本代碼如下：

插入文字

align=center　表示字體居中,，可選值為居右（right）居左（left）

color=顏色代碼
face=字體　常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細(xì)明體等

size=字體大小，這里的最大值為6　取值越大文字就越大

1.字體變化 ..........
a.字體大小 .......... #=1~7,；數(shù)字愈大字也愈大
b.指定字型 ..........
c.文字顏色 ..........
rr：表紅色（red）色碼
gg：表綠色（green）色碼
bb：表藍(lán)色（blue）色碼
rrggbb也可用6位顏色代碼數(shù)字

2.粗體字 ..........
3 字體加粗..........和標(biāo)簽差不多的效果
4.換行（也稱回車） 

5.分段標(biāo)記 

文字的對(duì)齊方向 #號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊 P.S.之后的文字都會(huì)以所設(shè)的對(duì)齊方式顯示,，直到出現(xiàn)另一個(gè)改變其對(duì)齊方向，遇到<hr>或<h#>標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊,。

6.區(qū)隔標(biāo)記 <DIV>

<DIV>稱為區(qū)隔標(biāo)記,。作用：設(shè)定字、畫,、表格等的擺放位置,。
<DIV>應(yīng)用于 Style Sheet（式樣表）方面會(huì)更顯威力，它最終目的是給設(shè)計(jì)者另一種組織能力,，有 Class ; Style ; title ; ID 等屬性,。。
以 <DIV align="center"> 為例：

align="center"
可選值：center ; left ; right ,。決定字,、畫、表格等居中,、靠左或靠右,。
<DIV align="center"> 的作用和居中標(biāo)記 <CENTER>一樣。,。
注：其實(shí)常用跟標(biāo)簽的效果差不多,，但是功能比相對(duì)強(qiáng)一些。,。。

7.分隔線 <hr>
a.分隔線的粗細(xì) <hr size=點(diǎn)數(shù)>
b.分隔線的寬度 <hr size=點(diǎn)數(shù)或百分比>
c.分隔線對(duì)齊方向 <hr align="#">
#號(hào)可為 left：表向左對(duì)齊（預(yù)設(shè)值） center：表向中對(duì)齊 right：表向右對(duì)齊
d.分隔線的顏色 <hr color=#rrggbb>
e.實(shí)心分隔線 <hr noshade>

8.居中對(duì)齊 <center>..........</center> 跟........,<DIV align="center">........<DIV>效果基本是一樣的,。,。。

9.文字移動(dòng)標(biāo)記<MARQUEE>..........</MARQUEE>

<marquee 屬性＝屬性值> 滾動(dòng)內(nèi)容 </marquee>

移動(dòng)速度指令是:scrollAmount=# #最小為1,，速度為最慢,；數(shù)字越大移動(dòng)的越快。
字符移動(dòng)每步的延時(shí):scrolldelay=# 屬性值為數(shù)字,， #最小為1,，數(shù)值越大速度越大，反之亦然,。
移動(dòng)方向指令是：direction=# up向上,、down向下,、left向左、right向右,。
移動(dòng)方式:behavior 屬性值為scroll：文字單向移動(dòng),，side：移動(dòng)到邊界停止，alternate：到邊界后反向移動(dòng),；
align,，對(duì)齊方式，其屬性值為center,，left,，right，top, middle, bottom,，分別表示居中,，左對(duì)齊，右對(duì)齊,，對(duì)齊上沿,、中間、下沿,；
bgcolor,，移動(dòng)字符的背景色，屬性值為顏色代碼,，可以是rrggbb 16 進(jìn)制數(shù)碼,，r=red，g=green,， b=blue,，也就是色彩中的三原色，也可是預(yù)定義色彩,；
loop,，移動(dòng)字符的循環(huán)次數(shù)，屬性值為數(shù)字,，若未指定則循環(huán)不止(infinite),；

width及height，文字高度和寬度,，以象素為單位,，屬性值為數(shù)字；
hspace字符左右留白長(zhǎng)度,，屬性值為數(shù)字,；
vspace字符上下留白長(zhǎng)度，屬性值為數(shù)字,；
scrollamount字符的移動(dòng)速度,，屬性值為數(shù)字,，數(shù)值越大速度越大，反之亦然,；

如何突破6號(hào)字的大小
我們需要以嵌套方式調(diào)用CSS樣式來(lái)定義字體,，這種方法可以讓我們最大限度地設(shè)置字號(hào)大小，實(shí)現(xiàn)方法也很簡(jiǎn)單,，只需在標(biāo)簽里用以下代碼替換純HTML原來(lái)的元素即可,。請(qǐng)看以下代碼和效果：
簡(jiǎn)單
簡(jiǎn)單

簡(jiǎn)單

以上是部分最常用的代碼,HTML代碼還有很多,全都列舉出來(lái)會(huì)讓初學(xué)者頭皮發(fā)麻的,因此不想一下子全部列舉.我想在實(shí)際的運(yùn)用中結(jié)合實(shí)例再詳細(xì)講解,大家的印象會(huì)更深,也更容易理解.
以前面的文字移動(dòng)標(biāo)記<MARQUEE>..........</MARQUEE>為例,我們用實(shí)際來(lái)講解
在論壇默認(rèn)的編輯狀態(tài)下，我們可以通過(guò)UBB語(yǔ)法的move和fly語(yǔ)句讓對(duì)象動(dòng)起來(lái),，但功能很簡(jiǎn)單,，只是平行地移動(dòng)。而我們使用HTML的Marquee語(yǔ)句則可以產(chǎn)生更多的移動(dòng)效果：向左,、向右,、向上、向下,。再嵌套使用marquee語(yǔ)句,，效果就更加豐富了。
marquee的基本語(yǔ)法：<marquee> ... </marquee>

說(shuō)明：與大多數(shù)HTML語(yǔ)法元素一樣,，它也是成雙出現(xiàn)的,，被修飾對(duì)象就放在起始符和終止符之間。請(qǐng)看如下例子：
<marquee> 新音樂(lè)陣線</marquee>
新音樂(lè)陣線
瞧,，簡(jiǎn)單吧,？不過(guò)，以上例子只是使用了marquee的默認(rèn)用法,。我們加入相應(yīng)的參數(shù),，它的移動(dòng)方法就有所不同了。

參數(shù)一：behavior,。移動(dòng)方式,。值：scroll(循環(huán)移動(dòng))、slide(只移動(dòng)一個(gè)回合),、alternate(來(lái)回移動(dòng)),。
例：<marquee direction=left behavior=alternate>哈哈，我來(lái)回走,！</marquee>
哈哈，我來(lái)回走,！
參數(shù)二：scrollamount,。移動(dòng)速度。值取正整數(shù),。數(shù)值越大,，速度越快,。例：
<marquee scrollamount=25>看，我走多快,！</marquee>
看,，我走多快！
參數(shù)三：scrolldelay

延時(shí),。數(shù)值,。例：
<marquee scrolldelay=1000>我走一走，停一停</marquee>
我走一走,，停一停
參數(shù)四：bgcolor

底色,。例：
<marquee bgcolor=pink>看到了吧？我有底色,！</marquee>
看到了吧,？我有底色
#=rrggbb 16 進(jìn)制數(shù)碼，或者是下列預(yù)定義色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

參數(shù)五范圍：width和height,。就是移動(dòng)的寬度與高度了,。例：
<marquee width=200 height=200 bgcolor=pink direction=down>在我的地盤里移動(dòng)！</marquee>
在我的地盤里移動(dòng),！
參數(shù)6:外觀(Layout)設(shè)置1.對(duì)齊方式(Align) <align=#> #=top, middle, bottom
<marquee align=top width=400>我在上面移動(dòng)</marquee>
<marquee align=middle width=400>我在中間移動(dòng)</marquee>
<marquee align=bottom width=400>我在下面移動(dòng)</marquee>

對(duì)齊上沿,、中間、下沿,。我在上面移動(dòng)對(duì)齊上沿
我在中間移動(dòng)對(duì)齊中間
我在下面移動(dòng)對(duì)齊下沿

參數(shù)7:空白<Margins><hspace=# vspace=#>
******************************************** 你好
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>版主來(lái)了</marquee>
大家好,！ 
********************************************
********************************************
你好
版主來(lái)了大家好！
********************************************

代碼:
<TABLE borderColor=#cd5c5c height=100 width=400 align=center border=3>
<TBODY>
<TR>
<TD background=http://www./bbs/UploadFile/2004-9/200496102712413.gif>

<MARQUEE scrollAmount=3 behavior=alternate width=500><IMG alt="" src="圖片地址">九斤姜?dú)g迎您<IMG alt=""src="圖片地址"></MARQUEE></TD></TR></TBODY></TABLE>
看了這個(gè)實(shí)例大家是否意識(shí)到了什么??呵呵,原來(lái)圖片和文字一樣,在代碼<MARQUEE中的變化是完全一樣的包括屬性,所不同的是文字由...控制,而圖片則由<img>....</img>控制,。本例中藍(lán)色部分是邊框的背景圖,，綠色部分是定義文字，而玫瑰色當(dāng)然就是移動(dòng)的圖片了,。
這些代碼都可以通過(guò)改變字體,圖片地址,等等,來(lái)為己所用.當(dāng)我們隨后學(xué)了表格的相關(guān)內(nèi)容后,大家就會(huì)對(duì)這些代碼一幕了然,慢慢來(lái)!!!

圖片的基本格式

1,、 HTML的一般圖片格式(不改變大小）

代碼：<IMG SRC=圖片網(wǎng)址>

舉例：代碼：
<IMG SRC=圖片地址>
顯示效果(保持原圖一樣）：

補(bǔ)充術(shù)語(yǔ)解釋：
代碼：
圖片網(wǎng)址：表示圖片居中,。

有縮小和放大功能的圖片格式代碼：
<IMG height=高度 src=圖片網(wǎng)址 width=寬度 ;>
1）縮小圖片
代碼：
<IMG height=100 src=圖片地址 ;>
2）放大圖片
代碼：
<IMG height=250 src=圖片地址 ;>
<IMG> 的一般參數(shù)設(shè)定：

　　例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

src="logo.gif"
圖片來(lái)源,，接受 .gif, .jpg 及 .png 格式，
width=100 height=100
設(shè)定圖片大小,，此寬度及高度一般采用 pixels 作單位,。通常只設(shè)為圖片的真實(shí) 大小，以免失真,，若需要改圖片大小最好使用圖像編輯工具,。（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真,。）

hspace=5 vspace=5
設(shè)定圖片邊沿空白,，以免文字或其它圖片貼近。hspace 是設(shè)定圖片左右的空間,，vspace 是設(shè)定圖片上下的空間,，高度采用 pixels 作單位。

border=2
圖片邊框厚度

align="top"
調(diào)整圖片旁邊文字的位置,，你可以控制文字出現(xiàn)在圖片的偏上方,、中間、底部,、左右等,，可選值：top, middle, bottom, left, right，內(nèi)定為 botom,。Netscape 還支持 texttop, baseline, absmiddle, absbottom,，
texttop 表示圖片和文字依頂線對(duì)齊，
baseline 表示圖片對(duì)齊到目前文字行底線值,，
absmiddle 表示圖片對(duì)齊到目前文字行絕對(duì)中央,，
absbottom 表示圖片對(duì)齊到目前文字行絕對(duì)底部，（絕對(duì)底部是指它考慮到比如 y ,、g,、q 等字的下邊）。

alt="Logo of PenPal Garden"
這是用以描述該圖形的文字,，若使用文字瀏覽器,，由于不支持圖片，這些文字將會(huì)代替圖片被顯示,。若支持圖片的瀏覽器,，當(dāng)鼠標(biāo)移至圖片上該文字也會(huì)顯示。

lowsrc="pre_logo.gif"
設(shè)定先顯示低解析度的圖片,，若加入的是一張很大的圖片,，下載要很長(zhǎng)的時(shí)間，這張低解析度的圖片會(huì)先被顯示以免瀏覽者失去興趣,，通常是原圖的黑白版本,。
　例如
<IMG height=150 alt="Logo of PenPals Garden" hspace=5 src=圖片地址 width=150 align=top lowsrc=pre_logo.gif vspace=5 border=8>

首頁(yè)自定義模塊收藏 1
首頁(yè)自定義模塊收藏 2
首頁(yè)自定義模塊收藏 3
首頁(yè)自定義模塊收藏 4
首頁(yè)自定義模塊收藏 5

首頁(yè)自定義模塊收藏 6

首頁(yè)自定義模塊收藏 7
首頁(yè)自定義模塊收藏 8

首頁(yè)自定義模塊收藏 9

首頁(yè)自定義模塊收藏 10

首頁(yè)自定義模塊收藏 11

首頁(yè)自定義模塊收藏 12

本站是提供個(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)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：五象之鷹 > 《各種代碼》

舉報(bào)/認(rèn)領(lǐng)