html文字文本代碼應(yīng)用HTML插入文字代碼
1、基本語(yǔ)法:
<P align=center><FONT color=#0066ff face=隸書(shū)size=5>插入文字</FONT></P>
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、效果:
<P align=center><FONT color=#0066ff face=隸書(shū) size=5>衣帶漸寬終不悔,為伊消得人憔悴</FONT></P>
衣帶漸寬終不悔,為伊消得人憔悴
HTML設(shè)置大字體的文字
1、基本語(yǔ)法:
<font style=font:30pt face=新宋體color=#ff0000>插入文字</font>
2、屬性釋義:
font:30pt 數(shù)值越大文字就越大
3、效果:
<P align=center><font style=font:30pt face=華文彩云color=#ff0000>衣帶漸寬終不悔,為伊消得人憔悴</font></P>
衣帶漸寬終不悔,為伊消得人憔悴
HTML設(shè)置可移動(dòng)的文字
1、上下左右移動(dòng):
基本語(yǔ)法:
<marquee direction=移動(dòng)方向scrollamount=移動(dòng)速度數(shù)值>插入文字</marquee>
說(shuō)明:移動(dòng)速度數(shù)值,1最慢,數(shù)字越大越快。
屬性釋義:
direction=移動(dòng)方向 可選值為向上(up) 向下(down) 向左(left) 向右(right)
(1)代入例子: direction=up(這是向上例子)
效果向上:
<marquee direction=up scrollamount=5><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
(2)代入例子: direction=down(這是向下例子)
效果向下:
<marquee direction=down scrollamount=5><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
(3)代入例子: direction=left(這是向左例子)
效果向左:
<marquee direction=left scrollamount=5><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
(4)代入例子: direction=right(這是向右例子)
效果向右:
<marquee direction=right scrollamount=5><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
2、設(shè)置不同移動(dòng)效果的文字:
基本語(yǔ)法:
<marquee behavior=移動(dòng)效果>插入文字,</marquee>
屬性釋義:
behavior=scroll 一圈一圈繞著走
behavior=slide 只走一次
behavior=alternate 來(lái)回走
效果:
(1)一圈一圈繞著走(behavior=scroll):
<marquee behavior=scroll><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
(2)只走一次(behavior=slide)
<marquee behavior=slide><P align=center><FONT color=#0066ff face=華文彩云 size=7>歡迎光臨吉祥如意圖書(shū)館!</FONT></P></marquee>
歡迎光臨吉祥如意圖書(shū)館!
(3)來(lái)回走(behavior=alternate):
<MARQUEE behavior=alternate><FONT color=#ff0000 size=7 face=華文彩云>衣帶漸寬終不悔,為伊消得人憔悴</FONT></MARQUEE>
衣帶漸寬終不悔,為伊消得人憔悴
3、走走停停文字設(shè)置:
基本語(yǔ)法:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
效果:
基本語(yǔ)法:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
效果:
<marquee scrollAmount=100 scrollDelay=500>
<P align=center><FONT color=#ff9900 size=7 face=華文彩云>歡迎光臨吉祥如意圖書(shū)館!</FONT></P> </marquee>
歡迎光臨吉祥如意圖書(shū)館!
HTML設(shè)計(jì)不同特效的文字
1、基本語(yǔ)法
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="圖片地址"><FONT color=red face=楷體_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE>
效果:
<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"><FONT color=red face=華文彩云_gb2312 size=6>歡迎光臨吉祥如意圖書(shū)館!</FONT></MARQUEE></MARQUE>
歡迎光臨吉祥如意圖書(shū)館!
2、基本語(yǔ)法:
<P align=center><FONT color=#ffff00 face=隸書(shū) size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#ffff00 face=隸書(shū) size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P>
提醒:在用這種效果時(shí),文字移動(dòng)范圍的寬width的取值很重要,兩段文字移動(dòng)范轉(zhuǎn)的width取值和一定要小于背景層width的取值。
效果:
<P align=center><FONT color=#ffff00 face=華文彩云 size=6><MARQUEE height=100 width=350>歡迎光臨吉祥如意圖書(shū)館!</FONT></MARQUEE><FONT color=#ffff00 face=華文彩云 size=6><MARQUEE direction=right height=50 width=350> !館書(shū)圖意如祥吉臨光迎歡</MARQUEE></FONT></FONT></P>
歡迎光臨吉祥如意圖書(shū)館!!館書(shū)圖意如祥吉臨光迎歡
3、基本語(yǔ)法:
<P align=center><FONT style="BACKGROUND-COLOR: #ffff00" color=#00ff88 size=6>插入文字</FONT></P>
效果:
<P align=center><FONT style="BACKGROUND-COLOR: #ffff00" color=#00ff88 face=華文彩云 size=6>曾今滄海難為水,除卻巫山不是云</FONT></P>
曾今滄海難為水,除卻巫山不是云
4、彩色字體基本語(yǔ)法:
<P align=center>
<FONT size=9><FONT face=華文新魏>
<FONT color=#ff0000>心</FONT>
<FONT color=#ff8900>兒</FONT>
<FONT color=#92c000>是</FONT>
<FONT color=#00c024>永</FONT>
<FONT color=#00c0da>遠(yuǎn)</FONT>
<FONT color=#0053ff>的</FONT>
<FONT color=#4800ff>琴</FONT>
<FONT color=#ff00ff>弦</FONT>
</FONT></FONT>
</P>
看看效果吧!
心 兒 是 永 遠(yuǎn) 的 琴 弦
5、拋射字體基本語(yǔ)法:
<DIV align=center>
<DIV style="FILTER: shadow(color=#FF3322, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT color=#ff0000 size=7 face=華文彩云>心在跳 情在燒</FONT> </DIV></DIV>
看看效果吧!
心在跳 情在燒
6、由中間向兩邊移動(dòng)文字基本語(yǔ)法:
<P align=center>
<FONT color=#ee110e size=4 face=華文彩云>
<MARQUEE height=250 width=400><IMG src="圖片地址">由中間向兩邊移動(dòng)的文字和圖像</MARQUEE>
<MARQUEE direction=right height=250 width=400>由中間向兩邊移動(dòng)的文字和圖像<IMG src="圖片地址"></MARQUEE>
</FONT>
</P>
看看效果吧!
<P align=center>
<FONT color=#ee110e size=4 face=華文彩云>
<MARQUEE height=250 width=400><IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_2.jpg">歡迎您來(lái)我家做客!</MARQUEE>
<MARQUEE direction=right height=250 width=400>!客做家我來(lái)您迎歡<IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_3.jpg"></MARQUEE>
</FONT>
</P>
歡迎您來(lái)我家做客??!客做家我來(lái)您迎歡
7、原地跳動(dòng)文字基本語(yǔ)法:
<CENTER>
<P FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#FF0000 ,strength=6); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
大</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
家</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
來(lái)</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
跳</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
跳</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
舞</MARQUEE>
</FONT>
</P>
</CENTER>
看看效果吧!
大家來(lái) 跳跳舞
8、交替跳躍文字基本語(yǔ)法:
<CENTER>
<P FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#FF0000 ,strength=6); WIDTH: 100%; COLOR:#92c000; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>長(zhǎng)</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>風(fēng)</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>破</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>浪</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>會(huì)</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>有</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>時(shí)</MARQUEE>
</MARQUEE>
</FONT>
</P>
</CENTER>
看看效果吧!
長(zhǎng)風(fēng)破浪會(huì)有時(shí)
9、穿梭文字基本語(yǔ)法:
<CENTER>
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#cf34f6 face=幼圓><STRONG>穿</STRONG> 穿</FONT></B></MARQUEE><IMG src="圖片地址" width=109 height=67>
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=幼圓><STRONG>梭</STRONG> 梭</FONT></B></MARQUEE><IMG src="圖片地址" width=109 height=67>
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#0033cc face=幼圓><STRONG>文</STRONG> 文</FONT></B></MARQUEE><STRONG><IMG src="圖片地址" width=109 height=67>
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#006633 face=幼圓><STRONG>字</STRONG> 字</FONT></B></MARQUEE></CENTER><BR></STRONG>
看看效果吧!
<CENTER>
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#cf34f6 face=幼圓><STRONG>嫣</STRONG>嫣</FONT></B></MARQUEE><IMG src="
<MARQUEE height=67 width=60 scrollAmount=2 align="center" scrolldely="10"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=幼圓><STRONG>然</STRONG> 然</FONT></B></MARQUEE><IMG src="