頁面中經常用到得屬性

粗體
代碼:<strong>粗體</strong>
藍色標明:需要加粗的文字

以下收集了一些常用的html代碼,對你很有幫助的哦:)

1.初級字體特效
加粗
代碼:<b>加粗</b>
藍色標明:需要加粗的文字.

傾斜
代碼:<em>傾斜</em>
藍色標明:要傾斜的文字.

下劃線
代碼:<u>下劃線</u>
藍色標明:要加下劃線的文字.

刪除線
代碼:<s>刪除線</s>
藍色標明:要加下劃線的文字.

字體加大
代碼:<big>字體加大</big>
藍色標明:要放大的文字.

 

字體控制大小
代碼:<H3>字體大小(其中字體大小可從H1-H6,H1最大,H6最小)</H3>
藍色標明:要控制大小的文字.

字體的基本代碼是這些,需要指出的是,代碼並不是唯一的,比如傾斜的用EM和I就都可以;而對於某些特效,你想知道代碼,可以通過點擊右鍵,查看源文件來查看代碼。

 

--------------------------------------------------------------------------------

 

2.彩色字體及部分顏色代碼

更改字體顏色:

<font color="#value">寫上你想寫的字</font>(其中value值在000000與FFFFFF(16位進制)之間修改#後面的數值,就可以改變字體的顏色。


部分常用顏色代碼:

#ff0000 紅色的字喔!
#ff8000 橙色的字喔!
#ffff00 黃色的字喔!
#00ff00 綠色的字喔!
#0080ff 藍色的字喔!
#0000a0 靛色的字喔!
#8000ff 紫色的字喔!
#000000 黑色的字喔!
#c0c0c0 灰色的字喔!

特效發光字

特效發光字
代碼
<fieldset STYLE='border:;padding:14px;filter:glow(color=#0080ff,strength=3);letter-spacing:2px;'><font STYLE='font:12px/14px;color:#ffffff;font-weight:bold;'>特效發光字</font></fieldset>
上面代碼的解釋:
(color=#0080ff,strength=3),color=#0080ff 就是外面發的光的顏色,可以用上面的顏色代碼進行替換,就會出來不同效果的字體。strength=3 就是外面發光的輪廓大小,數值越大,光圈越大。
font:12px/14px;color:#ffffff; 這裏就是對核心字的大小和顏色控制了。
比如,把第一個color換成#ff8000,第二個color換成#ff0000,效果就是:


特效發光字
 

大家可以自由組合,自己發揮恩!~

 


--------------------------------------------------------------------------------


3.進階字體特效
字體滾動,即俗稱的跑馬燈

代碼爲:
<marquee bgcolor="black" behavior=left Scroll amount=5><font color="white">需要滾動的字體</marquee></font>

代碼解釋爲:
bgcolor="black" 指背景爲黑色。仍然可以換爲#編碼的顏色。
behavior=left 指來回滾動的方式。向左爲left,右right,來回滾動alternate。
font color="white"這裏的就是字體顏色了。

更換了背景色爲蘭色和滾動方式爲來回滾動後的效果:
更換了背景色爲蘭色和滾動方式爲來回滾動後的效果

如果去掉複雜的部分,只保留滾動效果,使用下面代碼即可
<marquee>寫上你想寫的字</marquee>
寫上你想寫的字
就會形成最簡單的跑馬燈。

上下跳躍的跑馬燈
這個還是比較有意思的

代碼爲:
<marquee height=30 direction=down behavior=alternate>這個還是比較有意思的</marquee>

height=30 30就是上下跳躍範圍的高度,注意絕對不能太多,引起刷屏效果,你的ID可就飛了

給文字填加超連接

丁香的個人空間

代碼:
<a href="http://oh-sorry.spaces.live.com" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" _fcksavedurl=""http://oh-sorry.spaces.live.com"" target="_blank">丁香的個人空間(新窗口打開)</a>
藍色標明分別是:
要鏈接到的地址,以什麼模式打開(分爲_blank 新窗口打開,_self 本窗口打開,常用這兩類,爲瀏覽方便,建議使用新窗口打開),和需要加連接的字

字體上標
主體字<sup>右上角的字</sup>

水2
如若離開後會無期

字體下標
丁香<sub>如若離開·後會無期</sub>
丁香如若離開·後會無期

 


--------------------------------------------------------------------------------


4.貼圖,音樂,FLASH等的代碼。

貼圖
<img src="圖片地址">

貼音樂
<embed src="音樂地址" width="寬度"height="高度" autostart=false>
一般寬高分別爲 300 和 50

貼flash
<embed src="flash地址" width="寬度" height="高度">
一般寬高分別爲 200 和 150,可看情況調整

貼影視文件
<img dynsrc="文件地址" width="寬度"height="高度" start=mouseover>
一般寬高分別爲 200 和 150,可看情況調整

6

投一票
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章