html文字文本代码应用

html文字文本代码应用 HTML插入文字代码 1、基本语法： <P align=center><FONT color=#0066ff face=隶书size=5>插入文字</FONT></P> 2、属性释义： （1）align=center　表示字体居中，可选值为居右（right）居左（left） （2）color=颜色代码　ff0000（红色）00ff00（绿色）0000ff（蓝色）000000（黑色）ffffff（白色） 还可以改变数值，变化出若干种颜色，如:ff5577，33ff99，8855ff，数值不同，颜色就不同了。 “#”是十六进制颜色的标志；“#”符号的后面有六位数，前两位数表示红色，中间的两位数表示绿色，最后的两位数表示蓝色。每一位上的数字，可以选择16个数字其中之一。0—9，分别用0—9表示，10用a表示，11用b表示，12用c表示，13用d表示，14用e表示，15用f表示。数字选择得越小，其颜色越暗；数字选择得越大，其颜色越亮。 例如，红色就表示为：color=#ff0000 （3）face=字体　说明：需要什么字体就输入什么字体几个字，如，我要“华文行楷”，就表示为：face=华文行楷 （4）size=字体大小   如，size=1  size=2  size=5 3、效果： <P align=center><FONT color=#0066ff face=隶书 size=5>衣带渐宽终不悔，为伊消得人憔悴</FONT></P> 衣带渐宽终不悔，为伊消得人憔悴 HTML设置大字体的文字 1、基本语法： <font style=font:30pt face=新宋体color=#ff0000>插入文字</font> 2、属性释义： font:30pt　数值越大文字就越大 3、效果： <P align=center><font style=font:30pt face=华文彩云color=#ff0000>衣带渐宽终不悔，为伊消得人憔悴</font></P>  衣带渐宽终不悔，为伊消得人憔悴 HTML设置可移动的文字 1、上下左右移动： 基本语法： <marquee direction=移动方向scrollamount=移动速度数值>插入文字</marquee> 说明：移动速度数值，1最慢，数字越大越快。 属性释义： direction=移动方向　可选值为向上（up）　向下（down）　向左（left）　向右（right） （1）代入例子：    direction=up（这是向上例子）  效果向上： <marquee direction=up scrollamount=5><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>   欢迎光临吉祥如意图书馆！   （2）代入例子:   direction=down（这是向下例子）    效果向下：   <marquee direction=down scrollamount=5><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>   欢迎光临吉祥如意图书馆！   （3）代入例子:   direction=left（这是向左例子）    效果向左：   <marquee direction=left scrollamount=5><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>   欢迎光临吉祥如意图书馆！ （4）代入例子:     direction=right（这是向右例子）    效果向右：   <marquee direction=right scrollamount=5><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>   欢迎光临吉祥如意图书馆！     2、设置不同移动效果的文字：   基本语法：   <marquee behavior=移动效果>插入文字,</marquee>   属性释义：   behavior=scroll 一圈一圈绕着走   behavior=slide 只走一次   behavior=alternate 来回走   效果：   （1）一圈一圈绕着走（behavior=scroll）：   <marquee behavior=scroll><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>    欢迎光临吉祥如意图书馆！ （2）只走一次（behavior=slide） <marquee behavior=slide><P align=center><FONT color=#0066ff face=华文彩云 size=7>欢迎光临吉祥如意图书馆！</FONT></P></marquee>   欢迎光临吉祥如意图书馆！ （3）来回走(behavior=alternate)：   <MARQUEE behavior=alternate><FONT color=#ff0000 size=7 face=华文彩云>衣带渐宽终不悔，为伊消得人憔悴</FONT></MARQUEE>   衣带渐宽终不悔，为伊消得人憔悴 3、走走停停文字设置：   基本语法：   <marquee scrolldelay=500 scrollamount=100>插入文字</marquee>   效果：   基本语法：   <marquee scrolldelay=500 scrollamount=100>插入文字</marquee>   效果：   <marquee  scrollAmount=100 scrollDelay=500> <P align=center><FONT color=#ff9900 size=7 face=华文彩云>欢迎光临吉祥如意图书馆！</FONT></P> </marquee>   欢迎光临吉祥如意图书馆！   HTML设计不同特效的文字 1、基本语法 <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>欢迎光临吉祥如意图书馆！</FONT></MARQUEE></MARQUE>   欢迎光临吉祥如意图书馆！     2、基本语法： <P align=center><FONT color=#ffff00 face=隶书 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#ffff00 face=隶书 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P> 提醒：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。 效果： <P align=center><FONT color=#ffff00 face=华文彩云 size=6><MARQUEE height=100 width=350>欢迎光临吉祥如意图书馆！</FONT></MARQUEE><FONT color=#ffff00 face=华文彩云 size=6><MARQUEE direction=right height=50 width=350> ！馆书图意如祥吉临光迎欢</MARQUEE></FONT></FONT></P>   欢迎光临吉祥如意图书馆！ ！馆书图意如祥吉临光迎欢   3、基本语法：   <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、彩色字体基本语法：   <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>远</FONT>   <FONT color=#0053ff>的</FONT>   <FONT color=#4800ff>琴</FONT>   <FONT color=#ff00ff>弦</FONT>   </FONT></FONT>   </P>   看看效果吧！   心 儿 是 永 远 的 琴 弦 5、抛射字体基本语法： <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、由中间向两边移动文字基本语法：   <P align=center>   <FONT color=#ee110e size=4 face=华文彩云>   <MARQUEE height=250 width=400><IMG src="图片地址">由中间向两边移动的文字和图像</MARQUEE>   <MARQUEE direction=right height=250 width=400>由中间向两边移动的文字和图像<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">欢迎您来我家做客！</MARQUEE>   <MARQUEE direction=right height=250 width=400>！客做家我来您迎欢<IMG src="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_3.jpg"></MARQUEE>   </FONT>   </P>            欢迎您来我家做客！ ！客做家我来您迎欢 7、原地跳动文字基本语法：   <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>   来</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>    看看效果吧！       大 家 来 跳 跳 舞 8、交替跳跃文字基本语法：   <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>长</MARQUEE>   <MARQUEE direction=up behavior=alternate width=80>风</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>会</MARQUEE>   <MARQUEE direction=up behavior=alternate width=80>有</MARQUEE>   <MARQUEE direction=up behavior=alternate width=80 height=160>时</MARQUEE>   </MARQUEE>   </FONT>   </P>   </CENTER>   看看效果吧！   长 风 破 浪 会 有 时 9、穿梭文字基本语法：   <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="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_4.jpg" 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="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_4.jpg" 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="http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_4.jpg" 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>     嫣 嫣 然 然 一 一 笑 笑     10、左向右上下起伏飞翔文字基本语法：   左向右上下起伏飞翔， height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好。   <marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>快乐着每一天!</b></font><br><img src=图片地址><img src=图片地址><img src=图片地址></marquee><br></marquee>   看看效果吧！   <marquee direction=right><marquee behavior=alternate direction=up height=200><font color=#66FF00 size=7 face=华文彩云><b>快乐着每一天！</b></font><br>   <img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_5.jpg >   <img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_5.jpg >   <img src=http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_5.jpg>   </marquee><br>   </marquee>     快乐着每一天！ 11、右向左上下起伏飞翔基本语法：   右向左上下起伏飞翔，height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好。   <marquee direction=left><marquee behavior=alternate direction=up height=150><font color=color=#00c024 size=5 face=方正水柱简体>对面的帅哥看过来！看过来！<img src=图片地址><img src=图片地址></b></font></marquee></marquee>   看看效果吧!   <marquee direction=left><marquee behavior=alternate direction=up height=200><font color=color=color=#ff00ff size=5 face=方正水柱简体>对面的帅哥看过来！<img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_6.jpg><font color=color=color=#ff00ff size=5 face=方正水柱简体>看过来！<img src= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_6.jpg><font color=color=color=#ff00ff size=5 face=方正水柱简体>看过来！</b></font></marquee></marquee>       对面的帅哥看过来！看过来！看过来！ 12、基本语法：   <CENTER><FONT face=华文彩云color=red size=25>   <MARQUEE direction=up behavior=alternate width=60 height=120>直</MARQUEE><FONT color=#ff0000>   <MARQUEE direction=up behavior=alternate width=60 height=80>挂</MARQUEE><FONT color=#ff8900>   <MARQUEE direction=up behavior=alternate width=60 height=120>云</MARQUEE><FONT color=#92c000>   <MARQUEE direction=up behavior=alternate width=60 height=80>帆</MARQUEE><FONT color=#00c024>   <MARQUEE direction=up behavior=alternate width=60 height=120>济</MARQUEE><FONT color=#00c0da>   <MARQUEE direction=up behavior=alternate width=60 height=80>沧</MARQUEE><FONT color=#4800ff>   <MARQUEE direction=up behavior=alternate width=60 height=120>海</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT>   看看效果吧! 直 挂 云 帆 济 沧 海   13、彩光闪动文字的基本语法：   <TABLE align=center background= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_7.jpg border=5>   <TBODY>   <TR>   <TD style="FILTER: mask(color=#ff0000)" align=middle><FONT style="FONT-SIZE: 50pt"  face=华文新魏color= #0000EE><B>吉祥如意欢迎您光临</B></FONT></TD></TR></TBODY></TABLE>   看看效果吧!(这是改动原代码后的效果)     吉祥如意欢迎您光临   14、文字在图片上向上移动的基本语法：   <P align=center>   <TABLE height=271 cellSpacing=0 cellPadding=0 width=598 align=center background=http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_8.jpg border=3>   <TBODY>   <TR>   <TD>   <MARQUEE scrollAmount=3 direction=up>   <P align=center><FONT face=宋体color=#009900 size=6>她与他总是这样相隔千里</FONT></P>   <P align=center><FONT face=宋体color=#009900 size=6>时间的，空间的，命运的手</FONT></P>   <P align=center><FONT face=宋体color=#009900 size=6>轻拔着他们的机缘</FONT></P>   <P align=center><FONT face=宋体color=#009900 size=6>他们一再错肩</FONT></P>   </MARQUEE>   </TD>   </TR>   </TBODY>   </TABLE>   </P>   看看效果吧!     她与他总是这样相隔千里 时间的，空间的，命运的手 轻拔着他们的机缘 他们一再错肩 15、竖排渐出字基本语法：   <TABLE borderColor= #00CC33 height=704 width=512 align=center border=3>   <TBODY>   <TR>   <TD background=http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_9.jpg>   <DIV align=center>   <MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=450 height=450>   <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=450 height=450>   <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 130%; FONT-FAMILY: 文鼎霹雳体" color= #000CC >伤离别，她的盛开注定是一场寂寞的独舞<BR><BR>当末世的繁华终于落成灰烬<BR>媚香楼里东风渐呈凄切<BR>当命运的风沙逼近眼前<BR>她在月华下低了头<BR>回想起最后的告别<BR>她桃花般绚丽的脸爬满忧伤<BR>如一张纠结的蛛网，刻画出惘然的皱纹<BR><BR>这一夜，没有月华如霜<BR>他与她的作别，他的背影被马蹄踏碎<BR>没有泪水，是雨丝淋湿了她送行的眼<BR>这一世，他们再不会重逢<BR>她的桃花盛开在他看不到的地方<BR>她跳着舞，寂寞地，不见来时路……<BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>   </TD></TR>   </TBODY></TABLE>   注：复制浅绿色部分可以不要背景   看看效果吧!     伤离别，她的盛开注定是一场寂寞的独舞 当末世的繁华终于落成灰烬 媚香楼里东风渐呈凄切 当命运的风沙逼近眼前 她在月华下低了头 回想起最后的告别 她桃花般绚丽的脸爬满忧伤 如一张纠结的蛛网，刻画出惘然的皱纹 这一夜，没有月华如霜 他与她的作别，他的背影被马蹄踏碎 没有泪水，是雨丝淋湿了她送行的眼 这一世，他们再不会重逢 她的桃花盛开在他看不到的地方 她跳着舞，寂寞地，不见来时路…… 16、让文字在背景图片上悠闲地飘飞：   在背景图片上悠闲飘飞的文字基本语法如下：   <TABLE borderColor=#cd5c5c height=338 width=500 align=center border=3>   <TBODY>   <TR>   <TD background= http://image71.360doc.com/DownloadImg/2014/04/0721/40581454_10.jpg>   <MARQUEE scrollAmount=3 direction=down behavior=alternate height=338>   <MARQUEE scrollAmount=3 behavior=alternate width=500>   <P align=center><FONT face=方正祥隶简体 color=#00ff00 size=6 ff><B>守望着爱人归来</B></FONT></P></MARQUEE></MARQUEE>   </TD></TR></TBODY></TABLE>   说明：   A、图片地址自己输入；    B、文字、字体和颜色可以变动。   看看效果吧！   守望着爱人归来 17、立体镂空字基本语法：   <DIV style="FILTER: shadow(color=#8A2BE2, strength=40); WIDTH: 708px; HEIGHT: 483px"><FONT size=4>   <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云color=#8A2BE2>吉祥如意博客</FONT><BR></FONT>   </DIV>   看看效果吧！ 吉祥如意博客 18、让文字在背景图片上悠闲地飘飞   在背景图片上悠闲飘飞的文字 基本语法如下：   <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>   <TBODY>   <TR>   <TD background=图片地址>   <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>   <MARQUEE scrollAmount=3 behavior=alternate width=450>   <P align=center><FONT face=隶书color=#00ff00 size=6 ff><B>日不落的爱恋</B></FONT></P>   </MARQUEE></MARQUEE>   </TD></TR></TBODY></TABLE>   说明：   A、图片地址自己输入；   B、文字、字体和颜色可以变动。   看看效果吧！   日不落的爱恋   欢迎光临吉祥如意图书馆！