html文字文本代碼應(yīng)用

吉祥如意988 2014-04-07

展開(kāi)全文

html文字文本代碼應(yīng)用

HTML插入文字代碼

1、基本語(yǔ)法：

插入文字

2、屬性釋義：

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

（2）color=顏色代碼　ff0000（紅色）00ff00（綠色）0000ff（藍(lán)色）000000（黑色）ffffff（白色）

還可以改變數(shù)值，變化出若干種顏色，如:ff5577，33ff99，8855ff，數(shù)值不同，顏色就不同了。

“#”是十六進(jìn)制顏色的標(biāo)志；“#”符號(hào)的后面有六位數(shù)，前兩位數(shù)表示紅色，中間的兩位數(shù)表示綠色，最后的兩位數(shù)表示藍(lán)色。每一位上的數(shù)字，可以選擇16個(gè)數(shù)字其中之一。0—9，分別用0—9表示，10用a表示，11用b表示，12用c表示，13用d表示，14用e表示，15用f表示。數(shù)字選擇得越小，其顏色越暗；數(shù)字選擇得越大，其顏色越亮。

例如，紅色就表示為：color=#ff0000

（3）face=字體　說(shuō)明：需要什么字體就輸入什么字體幾個(gè)字，如，我要“華文行楷”，就表示為：face=華文行楷

（4）size=字體大小如，size=1 size=2 size=5

3、效果：

衣帶漸寬終不悔，為伊消得人憔悴

衣帶漸寬終不悔，為伊消得人憔悴

HTML設(shè)置大字體的文字

1、基本語(yǔ)法：

插入文字

2、屬性釋義：

font:30pt　數(shù)值越大文字就越大

3、效果：

衣帶漸寬終不悔，為伊消得人憔悴

衣帶漸寬終不悔，為伊消得人憔悴

HTML設(shè)置可移動(dòng)的文字

1、上下左右移動(dòng)：

基本語(yǔ)法：

說(shuō)明：移動(dòng)速度數(shù)值，1最慢，數(shù)字越大越快。

屬性釋義：

direction=移動(dòng)方向　可選值為向上（up）　向下（down）　向左（left）　向右（right）

（1）代入例子： direction=up（這是向上例子）

效果向上：

<marquee direction=up scrollamount=5>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

（2）代入例子: direction=down（這是向下例子）

效果向下：

<marquee direction=down scrollamount=5>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

（3）代入例子: direction=left（這是向左例子）

效果向左：

<marquee direction=left scrollamount=5>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

（4）代入例子: direction=right（這是向右例子）

效果向右：

<marquee direction=right scrollamount=5>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

2、設(shè)置不同移動(dòng)效果的文字：

基本語(yǔ)法：

屬性釋義：

behavior=scroll 一圈一圈繞著走

behavior=slide 只走一次

behavior=alternate 來(lái)回走

效果：

（1）一圈一圈繞著走（behavior=scroll）：

<marquee behavior=scroll>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

（2）只走一次（behavior=slide）

<marquee behavior=slide>歡迎光臨吉祥如意圖書(shū)館！</marquee>

歡迎光臨吉祥如意圖書(shū)館！

（3）來(lái)回走(behavior=alternate)：

<MARQUEE behavior=alternate>衣帶漸寬終不悔，為伊消得人憔悴</MARQUEE>

衣帶漸寬終不悔，為伊消得人憔悴

3、走走停停文字設(shè)置：

基本語(yǔ)法：

效果：

基本語(yǔ)法：

效果：

歡迎光臨吉祥如意圖書(shū)館！ </marquee>

歡迎光臨吉祥如意圖書(shū)館！

HTML設(shè)計(jì)不同特效的文字

1、基本語(yǔ)法

效果：

<MARQUEE behavior=alternate direction=up height=350 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_1.jpg">歡迎光臨吉祥如意圖書(shū)館！</MARQUEE></MARQUE>

HTML文字特效代碼(一) -吉祥如意988-360doc個(gè)人圖書(shū)館歡迎光臨吉祥如意圖書(shū)館！

2、基本語(yǔ)法：

<MARQUEE height=50 width=350>插入文字</MARQUEE><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE>

提醒：在用這種效果時(shí)，文字移動(dòng)范圍的寬width的取值很重要，兩段文字移動(dòng)范轉(zhuǎn)的width取值和一定要小于背景層width的取值。

效果：

<MARQUEE height=100 width=350>歡迎光臨吉祥如意圖書(shū)館！</MARQUEE><MARQUEE direction=right height=50 width=350> ！館書(shū)圖意如祥吉臨光迎歡</MARQUEE>

歡迎光臨吉祥如意圖書(shū)館！！館書(shū)圖意如祥吉臨光迎歡

3、基本語(yǔ)法：

插入文字

效果：

曾今滄海難為水，除卻巫山不是云

曾今滄海難為水，除卻巫山不是云

4、彩色字體基本語(yǔ)法：

心

兒

是

永

遠(yuǎn)

的

琴

弦

看看效果吧！

心兒是永遠(yuǎn) 的琴弦

5、拋射字體基本語(yǔ)法：

<DIV style="FILTER: shadow(color=#FF3322, strength=60); WIDTH: 480px; HEIGHT: 121px">心在跳情在燒 </DIV></DIV>

看看效果吧!

心在跳情在燒

6、由中間向兩邊移動(dòng)文字基本語(yǔ)法：

<MARQUEE height=250 width=400><IMG src="圖片地址">由中間向兩邊移動(dòng)的文字和圖像</MARQUEE>

<MARQUEE direction=right height=250 width=400>由中間向兩邊移動(dòng)的文字和圖像<IMG src="圖片地址"></MARQUEE>

看看效果吧!

<MARQUEE direction=right height=250 width=400>！客做家我來(lái)您迎歡<IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_3.jpg"></MARQUEE>

歡迎您來(lái)我家做客！！客做家我來(lái)您迎歡 HTML文字特效代碼(一) - 啟野 - 啟野的博客

7、原地跳動(dòng)文字基本語(yǔ)法：

大</MARQUEE>

家</MARQUEE>

來(lái)</CENTER></MARQUEE>

跳</MARQUEE>

跳</MARQUEE>

舞</MARQUEE>

</CENTER>

看看效果吧！

大家來(lái) 跳跳舞

8、交替跳躍文字基本語(yǔ)法：

<MARQUEE direction=up behavior=alternate width=80 height=160>長(zhǎng)</MARQUEE>

</MARQUEE>

</CENTER>

看看效果吧！

長(zhǎng) 風(fēng) 破浪會(huì) 有時(shí)

9、穿梭文字基本語(yǔ)法：

看看效果吧！

嫣嫣

然然

一一 笑笑

10、左向右上下起伏飛翔文字基本語(yǔ)法：

左向右上下起伏飛翔， height=200 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設(shè)置在50至150的范圍內(nèi)比較好。

看看效果吧！

<marquee direction=right><marquee behavior=alternate direction=up height=200>快樂(lè)著每一天！

</marquee>

</marquee>

快樂(lè)著每一天！
HTML文字特效代碼(一) - 啟野 - 啟野的博客

11、右向左上下起伏飛翔基本語(yǔ)法：

右向左上下起伏飛翔，height=100 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設(shè)置在50至150的范圍內(nèi)比較好。

<marquee direction=left><marquee behavior=alternate direction=up height=150>對(duì)面的帥哥看過(guò)來(lái)！看過(guò)來(lái)！<img src=圖片地址><img src=圖片地址></marquee></marquee>

看看效果吧!

<marquee direction=left><marquee behavior=alternate direction=up height=200>對(duì)面的帥哥看過(guò)來(lái)！<img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_6.jpg>看過(guò)來(lái)！<img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_6.jpg>看過(guò)來(lái)！</marquee></marquee>

對(duì)面的帥哥看過(guò)來(lái)！ HTML文字特效代碼(一) - 啟野 - 啟野的博客看過(guò)來(lái)！看過(guò)來(lái)！

12、基本語(yǔ)法：

看看效果吧!

直掛云帆濟(jì) 滄海

13、彩光閃動(dòng)文字的基本語(yǔ)法：

<TBODY>

<TR>

<TD style="FILTER: mask(color=#ff0000)" align=middle>吉祥如意歡迎您光臨</TD></TR></TBODY></TABLE>

看看效果吧!(這是改動(dòng)原代碼后的效果)

吉祥如意歡迎您光臨

14、文字在圖片上向上移動(dòng)的基本語(yǔ)法：

<TBODY>

<TR>

<TD>

她與他總是這樣相隔千里

時(shí)間的，空間的，命運(yùn)的手

輕拔著他們的機(jī)緣

他們一再錯(cuò)肩

</MARQUEE>

</TD>

</TR>

</TBODY>

</TABLE>

看看效果吧!

她與他總是這樣相隔千里

時(shí)間的，空間的，命運(yùn)的手

輕拔著他們的機(jī)緣

他們一再錯(cuò)肩

15、豎排漸出字基本語(yǔ)法：

<TBODY>

<TR>

傷離別，她的盛開(kāi)注定是一場(chǎng)寂寞的獨(dú)舞 當(dāng)末世的繁華終于落成灰燼 媚香樓里東風(fēng)漸呈凄切 當(dāng)命運(yùn)的風(fēng)沙逼近眼前 她在月華下低了頭 回想起最后的告別 她桃花般絢麗的臉爬滿憂傷 如一張糾結(jié)的蛛網(wǎng)，刻畫(huà)出惘然的皺紋 這一夜，沒(méi)有月華如霜 他與她的作別，他的背影被馬蹄踏碎 沒(méi)有淚水，是雨絲淋濕了她送行的眼 這一世，他們?cè)俨粫?huì)重逢 她的桃花盛開(kāi)在他看不到的地方 她跳著舞，寂寞地，不見(jiàn)來(lái)時(shí)路…… </MARQUEE></MARQUEE></DIV>

</TD></TR>

</TBODY></TABLE>

注：復(fù)制淺綠色部分可以不要背景

看看效果吧!

傷離別，她的盛開(kāi)注定是一場(chǎng)寂寞的獨(dú)舞

當(dāng)末世的繁華終于落成灰燼
媚香樓里東風(fēng)漸呈凄切
當(dāng)命運(yùn)的風(fēng)沙逼近眼前
她在月華下低了頭
回想起最后的告別
她桃花般絢麗的臉爬滿憂傷
如一張糾結(jié)的蛛網(wǎng)，刻畫(huà)出惘然的皺紋

這一夜，沒(méi)有月華如霜
他與她的作別，他的背影被馬蹄踏碎
沒(méi)有淚水，是雨絲淋濕了她送行的眼
這一世，他們?cè)俨粫?huì)重逢
她的桃花盛開(kāi)在他看不到的地方
她跳著舞，寂寞地，不見(jiàn)來(lái)時(shí)路……

16、讓文字在背景圖片上悠閑地飄飛：

在背景圖片上悠閑飄飛的文字基本語(yǔ)法如下：

<TBODY>

<TR>

守望著愛(ài)人歸來(lái)</MARQUEE></MARQUEE>

</TD></TR></TBODY></TABLE>

說(shuō)明：

A、圖片地址自己輸入；

B、文字、字體和顏色可以變動(dòng)。

看看效果吧！

守望著愛(ài)人歸來(lái)

17、立體鏤空字基本語(yǔ)法：

吉祥如意博客

</DIV>

看看效果吧！

吉祥如意博客

18、讓文字在背景圖片上悠閑地飄飛

在背景圖片上悠閑飄飛的文字基本語(yǔ)法如下：

<TBODY>

<TR>

日不落的愛(ài)戀

</MARQUEE></MARQUEE>

</TD></TR></TBODY></TABLE>

說(shuō)明：

A、圖片地址自己輸入；

B、文字、字體和顏色可以變動(dòng)。

看看效果吧！

日不落的愛(ài)戀

歡迎光臨吉祥如意圖書(shū)館！

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(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)自：吉祥如意988 > 《學(xué)習(xí)園地》

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