博客教學(xué) 2007-05-19 20:31:16 閱讀1257 評(píng)論38 字號(hào):大中小 訂閱
大家好,首先歡迎你的到來(lái),這一篇是為大家講解并總結(jié)一下博客制作的基本代碼,供新手參考
本篇代碼來(lái)源于多個(gè)博友,本人僅收集歸納,整理,并加以說(shuō)明而已
在首頁(yè)模塊HTML中如何使用代碼:博客在編輯狀態(tài)下,選擇"排版設(shè)置","內(nèi)容模塊","自定義添加HTML",這時(shí)你的博客最下面出現(xiàn)一個(gè)空白模塊,那現(xiàn)在就把你要的代碼粘進(jìn)去吧
一.文字類
1)字體加粗:<b>你的文字</b>
2)字體斜體:<i>你的文字</i>
3)字體下劃線: <u>你的文字</u>
4)字體刪除線: <s>你的文字</s>
5)字體加大: <big>你的文字</big>
6)字體大?。?lt;h1>你的文字</h1>
大小從h1-h5不等
7)字體顏色:<font color="#ff0099">你的文字</font>
8)滾動(dòng)字(左右循環(huán)滾動(dòng)):<marquee>你的文字</marquee>
9)高級(jí)滾動(dòng)文字(可自定義):<marquee scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界歡迎你</marquee>
效果如下:
屬性分析:
marquee:此代碼為滾動(dòng)代碼 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 COLOR:#B03060:字體顏色 FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來(lái)改變字體 FONT-SIZE: 25pt:字體大小,可改變數(shù)值來(lái)實(shí)現(xiàn)文字的大小更改 WIDTH: 100%:在屏幕上滾動(dòng)的比例
10)來(lái)回移動(dòng)的文字:<marquee behavior="alternate" scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界歡迎你</marquee>
效果如下:
屬性分析:
marquee:此代碼為滾動(dòng)代碼 behavior="alternate":來(lái)回移動(dòng)代碼 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 COLOR:#B03060:字體顏色 FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來(lái)改變字體 FONT-SIZE: 25pt:字體大小,可改變數(shù)值來(lái)實(shí)現(xiàn)文字的大小更改 WIDTH: 100%:在屏幕上滾動(dòng)的比例
注意:9)和10)的區(qū)別只在于一個(gè)方向代碼behavior="alternate":來(lái)回移動(dòng)代碼而已 大家可以活學(xué)活用 這并不難的
11)滾動(dòng)字幕:<marquee scrollamount=2 FONT style="COLOR:#B03060;FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%" direction=up >忘記是一種罪<br>有它就沒(méi)有美好的回憶<br>如果愿意<br>可以把它記錄<br>回憶曾經(jīng)<br>是一件享受的事<br>歡迎來(lái)到幽幽世界<br>愿每個(gè)人都有美好的回憶在內(nèi)心深處<br>這樣的人才會(huì)永遠(yuǎn)沒(méi)有孤單</marquee>
效果如下:
屬性分析:
marquee:此代碼為滾動(dòng)代碼 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 COLOR:#B03060:字體顏色 FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來(lái)改變字體 FONT-SIZE: 25pt:字體大小,可改變數(shù)值來(lái)實(shí)現(xiàn)文字的大小更改 WIDTH: 100%:在屏幕上滾動(dòng)的比例 direction=up:方向代碼 <br>:換行代碼
注意:9)和11)的區(qū)別只在于一個(gè)方向代碼direction=up而已 大家可以活學(xué)活用 這并不難的
12)文字超鏈接(網(wǎng)頁(yè)跳轉(zhuǎn)):<a href="鏈接地址">你的文字</a>
13)文字超鏈接(在新窗口打開):<a href="鏈接地址" target="_blank">你的文字</a>
14)消除鏈接文字的下劃線:<a href="鏈接地址" style="text-decoration:none">你的文字</a>
二.圖片類
1)粘圖代碼:<img src="你的圖片地址">
圖片地址獲取方法:把鼠標(biāo)放到你要添加的圖片上,右鍵單擊圖片,選擇"屬性",出現(xiàn)對(duì)話框,全部復(fù)制URL地址,此地址便是圖片地址
2)滾動(dòng)圖片:<marquee width="100%" scrollamount="3"><img src="你的圖片地址1" width="99" height="95" border="0"><img src="你的圖片地址2" width="99" height="95" border="0"><img src="你的圖片地址3" width="99" height="95" border="0"><img src="你的圖片地址4" width="99" height="95" border="0"><img src="你的圖片地址5" width="99" height="95" border="0"></marquee>
效果如下:
屬性分析:
此特效代碼包含兩部分:1滾動(dòng)代碼部分,<marquee width="100%" scrollamount="3"> marquee:滾動(dòng)代碼 width="100%":屏幕滾動(dòng)比例 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 2為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個(gè).img src="你的圖片地址1":圖片粘貼代碼 width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改 border="0"邊緣代碼
3)來(lái)回移動(dòng)圖片代碼:<marquee behavior="alternate" width="100%" scrollamount="3"><img src="你的圖片地址1" width="99" height="95" border="0"><img src="你的圖片地址2" width="99" height="95" border="0"><img src="你的圖片地址3" width="99" height="95" border="0"><img src="你的圖片地址4" width="99" height="95" border="0"><img src="你的圖片地址5" width="99" height="95" border="0"></marquee>
效果如下:
屬性分析:
此特效代碼包含兩部分:1滾動(dòng)代碼部分,<marquee behavior="alternate" width="100%" scrollamount="3"> marquee:滾動(dòng)代碼 behavior="alternate":來(lái)回移動(dòng)代碼 width="100%":屏幕滾動(dòng)比例 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 2為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個(gè).img src="你的圖片地址1":圖片粘貼代碼 width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改 border="0"邊緣代碼
注意: 2)和3)的區(qū)別只在于3)多了一個(gè)方向代碼,behavior="alternate":來(lái)回移動(dòng)代碼
3)圖片超鏈接(生成原圖大小):<a target="cont" href="鏈接地址"><img src="圖片地址"></a>
4)圖片超鏈接(可自定義圖片大小):<a target="cont" href="鏈接地址"><img src="圖片地址" width="100" height="100" border="0"></a>
5)滾動(dòng)圖片超鏈接:<marquee width="100%" scrollamount="1" ><a target="cont" href="鏈接地址1><img src="你的圖片地址1" width="99" height="95" border="0"></a> <a target="cont" href="鏈接地址2><img src="你的圖片地址2" width="99" height="95" border="0"></a> <a target="cont" href="鏈接地址3><img src="你的圖片地址3" width="99" height="95" border="0"></a> <a target="cont" href="鏈接地址4><img src="你的圖片地址4" width="99" height="95" border="0"></a></marquee>
屬性分析:
此特效代碼包含三部分:1滾動(dòng)代碼部分,<marquee width="100%" scrollamount="3"> marquee:滾動(dòng)代碼 width="100%":屏幕滾動(dòng)比例 scrollamount=3:些代碼為速度,其中數(shù)值可以更改 2超鏈接代碼部分,<a target="cont" href="鏈接地址1> 3為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個(gè).img src="你的圖片地址1":圖片粘貼代碼 width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改 border="0"邊緣代碼
三.綜合應(yīng)用類
1)貼音樂(lè):<embed src="音樂(lè)地址" width="寬度" height="高度" autostart=false>
2)貼flash: <embed src="flash地址" width="寬度" height="高度">
3)貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
4)換行:<br>
5)段落:<p>文字</p>
6)原始文字樣式:<pre>正文</pre>
7)換帖子背景:<body background="背景圖片地址">
8)固定帖子背景不隨滾動(dòng)條滾動(dòng):<body background="背景圖片地址" body bgproperties=fixed>
9)定制帖子背景顏色:<body bgcolor="#value">(value值見10)
10)帖子背景音樂(lè):<bgsound="背景音樂(lè)地址" loop=infinite>
11)貼網(wǎng)頁(yè):<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe>
12)分割線代碼: 你的文字<HR> 你的文字
添加屬性:你的文字<HR COLOR=red WIDTH="寬度px" SIZE="厚度px" ALIGN="對(duì)齊位置" NOSHADE>你的文字
屬性分析:
HR:分割線代碼
COLOR=red:分割線顏色代碼 可以更改
WIDTH="寬度px":分割線寬度代碼 將文字換成合適的數(shù)值
SIZE="厚度px":分割線厚度代碼 將文字換成合適的數(shù)值
ALIGN="對(duì)齊位置":分割線與文字的對(duì)齊方式 分為 1居左:ALIGN="LEFT" 2居中:ALIGN="CENTER" 3居右:ALIGN="RIGHT"
NOSHADE:陰影效果
聯(lián)系客服