大家好,首先歡迎你的到來,這一篇是為大家講解并總結(jié)一下博客制作的基本代碼,供新手參考

本篇代碼來源于多個博友,本人僅收集歸納,整理,并加以說明而已

在首頁模塊HTML中如何使用代碼:博客在編輯狀態(tài)下,選擇"排版設置","內(nèi)容模塊","自定義添加HTML",這時你的博客最下面出現(xiàn)一個空白模塊,那現(xiàn)在就把你要的代碼粘進去吧 

一.文字類

1)字體加粗：<b>你的文字</b>

2)字體斜體：<i>你的文字</i>

3)字體下劃線: <u>你的文字</u>

4)字體刪除線: <s>你的文字</s>

5)字體加大: <big>你的文字</big>

6)字體大小：<h1>你的文字</h1>

大小從h1-h5不等

7)字體顏色：<font color="#ff0099">你的文字</font>

8)滾動字(左右循環(huán)滾動)：<marquee>你的文字</marquee>

9)高級滾動文字(可自定義):<marquee scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界歡迎你</marquee>

效果如下:

 屬性分析:

marquee:此代碼為滾動代碼  scrollamount=3:些代碼為速度,其中數(shù)值可以更改  COLOR:#B03060:字體顏色  FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來改變字體  FONT-SIZE: 25pt:字體大小,可改變數(shù)值來實現(xiàn)文字的大小更改  WIDTH: 100%:在屏幕上滾動的比例

    10)來回移動的文字:<marquee behavior="alternate" scrollamount=3 FONT style="COLOR:#B03060; FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">幽幽世界歡迎你</marquee>

    效果如下:

 屬性分析:

marquee:此代碼為滾動代碼  behavior="alternate":來回移動代碼 scrollamount=3:些代碼為速度,其中數(shù)值可以更改  COLOR:#B03060:字體顏色  FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來改變字體  FONT-SIZE: 25pt:字體大小,可改變數(shù)值來實現(xiàn)文字的大小更改  WIDTH: 100%:在屏幕上滾動的比例

注意:9)和10)的區(qū)別只在于一個方向代碼behavior="alternate":來回移動代碼而已 大家可以活學活用 這并不難的

    11)滾動字幕:<marquee scrollamount=2 FONT style="COLOR:#B03060;FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%" direction=up >忘記是一種罪<br>有它就沒有美好的回憶<br>如果愿意<br>可以把它記錄<br>回憶曾經(jīng)<br>是一件享受的事<br>歡迎來到幽幽世界<br>愿每個人都有美好的回憶在內(nèi)心深處<br>這樣的人才會永遠沒有孤單</marquee>

    效果如下:

 屬性分析:

marquee:此代碼為滾動代碼  scrollamount=3:些代碼為速度,其中數(shù)值可以更改  COLOR:#B03060:字體顏色  FONT-FAMILY: 隸書:字體代碼,可以更改文字的字體描述來改變字體  FONT-SIZE: 25pt:字體大小,可改變數(shù)值來實現(xiàn)文字的大小更改  WIDTH: 100%:在屏幕上滾動的比例  direction=up:方向代碼   <br>:換行代碼

注意:9)和11)的區(qū)別只在于一個方向代碼direction=up而已 大家可以活學活用 這并不難的

12)文字超鏈接(網(wǎng)頁跳轉(zhuǎn))：<a href="鏈接地址">你的文字</a>

13)文字超鏈接(在新窗口打開)：<a href="鏈接地址" target="_blank">你的文字</a>

14)消除鏈接文字的下劃線：<a href="鏈接地址" style="text-decoration:none">你的文字</a>

更多特效字體,點擊進入>>>

二.圖片類

1)粘圖代碼：<img src="你的圖片地址">

圖片地址獲取方法:把鼠標放到你要添加的圖片上,右鍵單擊圖片,選擇"屬性",出現(xiàn)對話框,全部復制URL地址,此地址便是圖片地址

2)滾動圖片:<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滾動代碼部分,<marquee  width="100%"  scrollamount="3"> marquee:滾動代碼  width="100%":屏幕滾動比例  scrollamount=3:些代碼為速度,其中數(shù)值可以更改  2為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個.img src="你的圖片地址1":圖片粘貼代碼  width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改  border="0"邊緣代碼

3)來回移動圖片代碼:<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滾動代碼部分,<marquee  behavior="alternate" width="100%"  scrollamount="3"> marquee:滾動代碼  behavior="alternate":來回移動代碼  width="100%":屏幕滾動比例  scrollamount=3:些代碼為速度,其中數(shù)值可以更改  2為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個.img src="你的圖片地址1":圖片粘貼代碼  width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改  border="0"邊緣代碼

注意: 2)和3)的區(qū)別只在于3)多了一個方向代碼,behavior="alternate":來回移動代碼

3)圖片超鏈接(生成原圖大小):<a target="cont" href="鏈接地址"><img src="圖片地址"></a>

4)圖片超鏈接(可自定義圖片大小):<a target="cont" href="鏈接地址"><img src="圖片地址" width="100" height="100" border="0"></a>

5)滾動圖片超鏈接:<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滾動代碼部分,<marquee  width="100%"  scrollamount="3"> marquee:滾動代碼  width="100%":屏幕滾動比例  scrollamount=3:些代碼為速度,其中數(shù)值可以更改  2超鏈接代碼部分,<a target="cont" href="鏈接地址1> 3為粘圖部分,<img src="你的圖片地址1" width="99" height="95" border="0">,此部分可以根據(jù)圖片的多少粘貼數(shù)個.img src="你的圖片地址1":圖片粘貼代碼  width="99":寬度代碼,其中數(shù)值可以更改 height="95":高度代碼,其中數(shù)值可以更改  border="0"邊緣代碼

三.綜合應用類

1)貼音樂：<embed src="音樂地址" 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)固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>

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

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

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

12)分割線代碼: 你的文字<HR> 你的文字

添加屬性:你的文字<HR COLOR=red WIDTH="寬度px" SIZE="厚度px" ALIGN="對齊位置" NOSHADE>你的文字

屬性分析:

HR:分割線代碼  

COLOR=red:分割線顏色代碼  可以更改   

WIDTH="寬度px":分割線寬度代碼  將文字換成合適的數(shù)值  

SIZE="厚度px":分割線厚度代碼  將文字換成合適的數(shù)值  

ALIGN="對齊位置":分割線與文字的對齊方式  分為 1居左:ALIGN="LEFT" 2居中:ALIGN="CENTER" 3居右:ALIGN="RIGHT" 

NOSHADE:陰影效果