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

吉祥如意988 2014-04-07

展開全文

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

HTML插入文字代碼

1、基本語法：

插入文字

2、屬性釋義：

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

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

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

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

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

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

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

3、效果：

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

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

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

1、基本語法：

插入文字

2、屬性釋義：

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

3、效果：

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

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

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

1、上下左右移動：

基本語法：

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

屬性釋義：

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

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

效果向上：

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

歡迎光臨吉祥如意圖書館！

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

效果向下：

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

歡迎光臨吉祥如意圖書館！

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

效果向左：

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

歡迎光臨吉祥如意圖書館！

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

效果向右：

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

歡迎光臨吉祥如意圖書館！

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

基本語法：

屬性釋義：

behavior=scroll 一圈一圈繞著走

behavior=slide 只走一次

behavior=alternate 來回走

效果：

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

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

歡迎光臨吉祥如意圖書館！

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

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

歡迎光臨吉祥如意圖書館！

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

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

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

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

基本語法：

效果：

基本語法：

效果：

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

歡迎光臨吉祥如意圖書館！

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

1、基本語法

效果：

<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">歡迎光臨吉祥如意圖書館！</MARQUEE></MARQUE>

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

2、基本語法：

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

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

效果：

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

歡迎光臨吉祥如意圖書館！！館書圖意如祥吉臨光迎歡

3、基本語法：

插入文字

效果：

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

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

4、彩色字體基本語法：

心

兒

是

永

遠

的

琴

弦

看看效果吧！

心兒是永遠的琴弦

5、拋射字體基本語法：

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

看看效果吧!

心在跳情在燒

6、由中間向兩邊移動文字基本語法：

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

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

看看效果吧!

<MARQUEE height=250 width=400><IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_2.jpg">歡迎您來我家做客！</MARQUEE>

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

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

7、原地跳動文字基本語法：

大</MARQUEE>

家</MARQUEE>

來</CENTER></MARQUEE>

跳</MARQUEE>

跳</MARQUEE>

舞</MARQUEE>

</CENTER>

看看效果吧！

大家來跳跳舞

8、交替跳躍文字基本語法：

</MARQUEE>

</CENTER>

看看效果吧！

長風(fēng) 破浪會有時

9、穿梭文字基本語法：

看看效果吧！

嫣嫣

然然

一一 笑笑

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

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

<marquee direction=right><marquee behavior=alternate direction=up height=200>快樂著每一天! <img src=圖片地址><img src=圖片地址><img src=圖片地址></marquee> </marquee>

看看效果吧！

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

</marquee>

</marquee>

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

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

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

<marquee direction=left><marquee behavior=alternate direction=up height=150>對面的帥哥看過來！看過來！<img src=圖片地址><img src=圖片地址></marquee></marquee>

看看效果吧!

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

對面的帥哥看過來！ HTML文字特效代碼(一) - 啟野 - 啟野的博客看過來！看過來！

12、基本語法：

看看效果吧!

直掛云帆濟滄海

13、彩光閃動文字的基本語法：

<TBODY>

<TR>

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

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

吉祥如意歡迎您光臨

14、文字在圖片上向上移動的基本語法：

<TBODY>

<TR>

<TD>

她與他總是這樣相隔千里

時間的，空間的，命運的手

輕拔著他們的機緣

他們一再錯肩

</MARQUEE>

</TD>

</TR>

</TBODY>

</TABLE>

看看效果吧!

她與他總是這樣相隔千里

時間的，空間的，命運的手

輕拔著他們的機緣

他們一再錯肩

15、豎排漸出字基本語法：

<TBODY>

<TR>

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

</TD></TR>

</TBODY></TABLE>

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

看看效果吧!

傷離別，她的盛開注定是一場寂寞的獨舞

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

這一夜，沒有月華如霜
他與她的作別，他的背影被馬蹄踏碎
沒有淚水，是雨絲淋濕了她送行的眼
這一世，他們再不會重逢
她的桃花盛開在他看不到的地方
她跳著舞，寂寞地，不見來時路……