注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

哗的网易博客

勾起记忆的长河 让人生多点珍藏

 
 
 

日志

 
 

字体代码((附)HTML语法大全)  

2010-08-23 17:42:12|  分类: 字体与符号 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
                                                   


 
         当你想要写文章或创作作品时,很需要漂亮的字体来装饰,我把我在使用过程中用到过的字体推荐给大家,希望大家喜欢。很方便的,只要
会复制,(把下面要用的代码选中点成篮色,再点鼠标右键选复制)粘贴,(在你的博客<>代码窗里,点鼠标右键选粘贴)就ok啦!
 
字体代码 - 哗 -  hzkjsyh 的博客
 
(一)固定字体:

         字体代码

    代码:

<P><FONT color=#ff3333 size=10 face=方正舒体>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;字体代码</FONT>

</P>

注:size=10 -----字体大小可调,更改数值改变字体大小。

        color=#ff3333 -----字体颜色可调(参考256色颜色表      http://hzkjsyh.blog.163.com/blog/static/140190456201071804343970/

        face=方正舒体-----字体名称(参照字体对照表http://hzkjsyh.blog.163.com/blog/static/140190456201071821252154/
      把代码中红色字“字体代码”换成你自己的内容,粘贴到你的代码窗里,就可以用上了。
 

字体代码 - 哗 -  hzkjsyh 的博客

 
 
(二)七彩字体
 
七夕节话牛郎织女!
 
 
代码:
&nbsp;&nbsp; </TD><TD background="http://mimg.163.com/stationery/20050720/love_7-bg.gif">
<P></P>
<DIV g_t_left><BR></DIV><A href="http://www.glitter-works.org/" target=_blank></A>
<DIV g_t_left>
<TABLE border=5 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif
align=center>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" color=#336699
face=隶书><B>七夕节话牛郎织女!</B></FONT></TD></TR></TBODY></TABLE></DIV>
       使用:把代码中红色字“七夕节话牛郎织女!”换成你自己的内容,粘贴到你的代码窗里,就可以用上了。
 
 

字体代码 - 哗 -  hzkjsyh 的博客

 
(三)来回移动字体:
 

祝相濡以沫一路走来的老夫老妻们生活幸福!

代码:

<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF; FILTER: shadow

(color=33FFFF ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">祝相濡以沫一路走来的老夫

老妻们生活幸福!</MARQUEE></P>

注:COLOR=3300FF-----字体颜色 可调

        color=33FFFF ------字体影子颜色可调

        FONT-SIZE: 25pt------ 字体大小可调,更改数值改变字体大小。 

       behavior="alternate"-----字体来回移动代码。

 

字体代码 - 哗 -  hzkjsyh 的博客

 

(四)循环滚动字体 

代码:

一首歌谣情谊悠悠
一段岁月地长天久
一群朋友知心牵手
一句祝福伴你左右

<MARQUEE width=600 scrollAmount=3 DIV px strength="1);" shadowcolor="#3300FF,">
<P><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE:

40pt;  FONT-WEIGHT: normal" color=#33ffff face=隶书>一首歌谣情谊悠悠<BR>一段岁月地长天久<BR>

一群朋友知心牵手<BR>一句祝福伴你左右 </FONT><BR></P></MARQUEE>

注:width=600 ------字体移动宽度范围

 scrollAmount=3-----字体移动速度,可改变数值来控制文字的滚动速度

 

 

字体代码 - 哗 -  hzkjsyh 的博客

 

(五)竖排渐显右移字体

vior="slide" width="581" loop="1" scrollAmount="1" scrollDelay="100" >

你给的甜蜜的感觉
随时光渐渐地淡去

你把我沸腾的热情
整理成平静的呼吸

拥着熟悉的你
我用粗糙的手指
抚摸岁月的琐碎支离

是这般的平静啊
没有波澜甚至隐秘的犹疑

岁月的痕迹
折叠在我们的额角
彼此对视
就象面对自己

一遍又一遍
我们回忆年轻的点滴

泪水溢出
我看见
温情藏在你的眼里

 
 
 
 
 

<DIV align=center>
<MARQUEE style="WIDTH: 581px; HEIGHT: 500px" height=500 behavior=slide width=581
 loop=1 scrollAmount=1 scrollDelay=100>
<MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 150%" direction=up height=400 width=480
scrollAmount=1 scrollDelay=100>
<P align=left><FONT style="LINE-HEIGHT: 150%; FONT-FAMILY: 隶书; FONT-SIZE: 26pt" color=green>
你给的甜蜜的感觉<BR>随时光渐渐地淡去<BR><BR>你把我沸腾的热情<BR>整理成平静的呼吸<BR><BR>
拥着熟悉的你<BR>我用粗糙的手指<BR>抚摸岁月的琐碎支离<BR><BR>是这般的平静啊<BR>没有波澜甚
至隐秘的犹疑<BR><BR>岁月的痕迹<BR>折叠在我们的额角 <BR>彼此对视<BR>就象面对自己<BR><BR>
一遍又一遍<BR>我们回忆年轻的点滴<BR><BR>泪水溢出 <BR>我看见<BR>温情藏在你的眼里<BR></FONT></P></FONT></MARQUEE></MARQUEE></DIV></TD></TR>
注:height=500  ---字体渐显高度范围
width=581-----字体渐显宽度范围 
<BR>----换行符号 
 
字体代码 - 哗 -  hzkjsyh 的博客
 
 
 
(六) 华文行楷固定字体

256色颜色代码参考

<P><FONT style="FONT-SIZE: 35pt" color=#660000 face=华文行楷><B>256色颜色代码参考</B>

</FONT></P>

 

字体代码 - 哗 -  hzkjsyh 的博客

 

(七) 来回移动字体

党旗飘飘

<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66);

FONT-FAMILY: 华文彩云; FONT-SIZE: 33pt; WIDTH: 100%"><B>党旗飘飘</B></FONT></marquee>

 color=FFFF66-----字体背景颜色,可调。

COLOR: #0033CC-----字体框颜色,可调。

 

字体代码 - 哗 -  hzkjsyh 的博客

 

(八)穿插跳跃与并排的字

 

 

<center><font face=隶书 color=red size=15>

<marquee direction=up behavior=alternate width=60 height=120></marquee><font color=yellow>

<marquee direction=up behavior=alternate width=60 height=80></marquee><font color=brown>

<marquee direction=up behavior=alternate width=60 height=120></marquee><font color=green>

<marquee direction=up behavior=alternate width=60 height=80></marquee><font color=orange>

<marquee direction=up behavior=alternate width=60 height=120></marquee><font color=yellow>

<marquee direction=up behavior=alternate width=60 height=120></marquee><font color=yellow>

<marquee direction=up behavior=alternate width=60 height=80></marquee><font color=brown>

<marquee direction=up behavior=alternate width=60 height=80></marquee><font color=orange>

<marquee direction=up behavior=alternate width=60 height=120>

<marquee direction=up behavior=alternate width=60 height=120></marquee><font color=green>

</marquee></font></b></marquee></font></center></font></font></font></font></font>

</font>

color=green------字体颜色可调,(参考英文颜色对照表 http://hzkjsyh.blog.163.com/blog/static/14019045620107181485924/)   

width=60 -----字体宽度,更改数值改变字体大小。

height=120-----字体高度, 更改数值改变字体大小。

字体代码 - 哗 -  hzkjsyh 的博客
  

 

<DIV style="FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 550px; HEIGHT: 89px; FONT-SIZE: 30pt"><SPAN style="FONT-FAMILY: 隶书; COLOR: #1e90ff">
<MARQUEE direction=up height=120 behavior=alternate width=60>欢</MARQUEE><SPAN style="COLOR: #ffff00">
<MARQUEE direction=up height=80 behavior=alternate width=60>迎</MARQUEE><SPAN style="COLOR: #a52a2a">
<MARQUEE direction=up height=120 behavior=alternate width=60>光</MARQUEE><SPAN style="COLOR: #008000">
<MARQUEE direction=up height=80 behavior=alternate width=60>临</MARQUEE><SPAN style="COLOR: #ffa500">
<MARQUEE direction=up height=120 behavior=alternate width=60>我</MARQUEE><SPAN style="COLOR: #ffa500">
<MARQUEE direction=up height=80 behavior=alternate width=60>的</MARQUEE><SPAN style="COLOR: #ffff00">
<MARQUEE direction=up height=120 behavior=alternate width=60>博</MARQUEE><SPAN style="COLOR: #008000">
<MARQUEE direction=up height=80 behavior=alternate width=60>客</MARQUEE><SPAN style="COLOR: #ffff00"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></DIV></DIV>

 

字体代码 - 哗 -  hzkjsyh 的博客 

(九)彩色时隐时现的字

 

本 本 草 草 纲 纲 目 目

代码:

&nbsp;
<P g_t_hide?>&nbsp;</P>
<DIV></DIV>
<DIV mt g_p_hide?>
<DIV>
<DIV>
<DIV style="DISPLAY: none"></DIV></DIV>
<DIV>
<DIV style="DISPLAY: none">&nbsp;</DIV>
<DIV g_t_left?>
<DIV align=center>
<MARQUEE height=75 width=80 scrollAmount=2 align="center" scrolldely="10"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 45pt; FONT-WEIGHT: normal" color=#ff0000 face=华文彩云><B>本 本</B></FONT></B></MARQUEE>
<MARQUEE height=75 width=80 scrollAmount=2 align="center" scrolldely="10"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 45pt; FONT-WEIGHT: normal" color=#66ff00 face=华文彩云><B>草 草</B></FONT></B></MARQUEE>
<MARQUEE height=75 width=80 scrollAmount=2 align="center" scrolldely="10"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 45pt; FONT-WEIGHT: normal" color=#f709f7 face=华文彩云><B>纲 纲</B></FONT></B></MARQUEE>
<MARQUEE height=75 width=80 scrollAmount=2 align="center" scrolldely="10"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 45pt; FONT-WEIGHT: normal" color=#0909f7 face=华文彩云><B>目 目</B></FONT></B></MARQUEE></B></FONT></B></MARQUEE></DIV></DIV></DIV></DIV></DIV>

 

字体代码 - 哗 -  hzkjsyh 的博客
 
 
 
(十)若隐若现滚动字
 
 
 

把我最美好的祝福,献给曾经在鲤鱼州生活过的战友

<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>把我最美好的祝福,献给曾经在鲤鱼州生活过的战友</B></FONT></MARQUEE>

 

 

日志分割线(2) - 飞过红尘 - .

 

                               (十一)两行字左右穿插

睡觉的学问 睡觉的学问

代码:

<P align=center><FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=350>睡觉的学问</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=350>睡觉的学问</MARQUEE></FONT></FONT></P>

                                                            空间精美素材八---漂亮花边 - 乘成 - 乘成休闲吧空间精美素材八---漂亮花边 - 乘成 - 乘成休闲吧空间精美素材八---漂亮花边 - 乘成 - 乘成休闲吧 
 
(十二)倒影字体
----常用分割线---

 代码:

<DIV align=center><DIV style="FILTER: shadow(color=c71585 , strength=60); WIDTH: 750px; FONT-SIZE: 40pt"><FONT color=#ffcccc face=华文琥珀><CENTER>----常用分割线---</CENTER></FONT></DIV></DIV><BR><CENTER>

color=c71585 ——倒影颜色

color=#ffcccc ——字体颜色
 

 

空间精美素材八---漂亮花边 - 乘成 - 乘成休闲吧

 

 

(十三) 由上下向中间移动的字体

2011年上海老城隍庙元宵灯会

2011年上海老城隍庙元宵灯会

代码:

 <P align=center><MARQUEE style="WIDTH: 510px; HEIGHT: 60px" direction=down height=60 scrollAmount=2><CENTER><FONT color=#ff0000 size=5 face=隶书><B>2011年上海老城隍庙元宵灯会</B></FONT></CENTER></B></MARQUEE></P>
<CENTER><MARQUEE style="WIDTH: 513px; HEIGHT: 60px" direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 size=5 face=隶书><B>2011年上海老城隍庙元宵灯会</B></FONT></CENTER></B></MARQUEE></CENTER>

 (十四)倒影字体

莫忘今宵情
代码:

 <DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 829px; HEIGHT: 139px" align=center><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 48pt; FONT-WEIGHT: normal" color=#ffffff face=华文彩云>莫忘今宵情</FONT> </DIV><BR>

 (十五)空心倒影字体

 

老师,您好!

代码:

<DIV style="FILTER: shadow(color=#c299ff, strength=8); WIDTH: 490px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt; FONT-WEIGHT: normal" color=#993333 face=华文彩云>老师,您好!</FONT> <BR></DIV></DIV>

 

      (十六)跳跃字体<>

 
              
 
 
代码
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">&nbsp;
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>祝</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>福</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>老</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>师</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>永</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>年</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>轻</B></CENTER></MARQUEE></FONT>
<CENTER></CENTER>
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>教</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>礼</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>育</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>人</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>始</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>不</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>停</B></CENTER></MARQUEE></FONT></CENTER>
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>师</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>爱</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>无</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>价</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>记</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>心</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>中</B></CENTER></MARQUEE></FONT></CENTER>
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>节</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>日</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>短</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>信</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>传</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>心</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>愿</B></CENTER></MARQUEE></FONT></CENTER>
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>快</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>些</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>一</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>起</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>来</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>感</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>恩</B></CENTER></MARQUEE></FONT></CENTER>
<CENTER><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #669966; FONT-SIZE: 40pt">
<MARQUEE direction=up height=150 behavior=alternate width=80>
<CENTER><B>乐</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>在</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>师</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>生</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>未</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>了</B></CENTER></MARQUEE>
<MARQUEE direction=up height=120 behavior=alternate width=60>
<CENTER><B>情</B></CENTER></MARQUEE></FONT></CENTER> 

 
 
 
*(本文字体,会随着我使用字体的增加,不断地更新) 

       大家看到了上述这些字体,想用哪个就拿去复制一下,最好是要举一反三,所以我希望大家在使

用代码的时候会有一些自己的改动,比如说颜色,字体,这些并不难办到。也可以在代码与代码之间套

用,做出一些更好的风格,最后祝大家都能够做出自己的漂亮世界来!

 

 

字体代码 - 哗 -  hzkjsyh 的博客

 


 

 

(附) 

HTML语法大全
  
<!>
跑马灯
<marquee>...</marquee>
普通卷动
<marquee behavior=slide>...</marquee>
滑动
<marquee behavior=scroll>...</marquee>
预设卷动
<marquee behavior=alternate>...</marquee>
来回卷动
<marquee direction=down>...</marquee>
向下卷动
<marquee direction=up>...</marquee>
向上卷动
<marquee direction=right></marquee>
向右卷动
<marquee direction=left></marquee>
向左卷动
<marquee loop=2>...</marquee>
卷动次数
<marquee width=180>...</marquee>
设定宽度
<marquee height=30>...</marquee>
设定高度
<marquee bgcolor=FF0000>...</marquee>
设定背景颜色
<marquee scrollamount=30>...</marquee>
设定卷动距离
<marquee scrolldelay=300>...</marquee>
设定卷动时间
<!>
字体效果
<h1>...</h1>
标题字(最大)
<h6>...</h6>
标题字(最小)
<b>...</b>
粗体字
<strong>...</strong>
粗体字(强调)
<i>...</i>
斜体字
<em>...</em>
斜体字(强调)
<dfn>...</dfn>
斜体字(表示定义)
<u>...</u>
底线
<ins>...</ins>
底线(表示插入文字)
<strike>...</strike>
横线
<s>...</s>
删除线
<del>...</del>
删除线(表示删除)
<kbd>...</kbd>
键盘文字
<tt>...</tt>
打字体
<xmp>...</xmp>
固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>
固定宽度字体(不执行标记符号)
<listing>...</listing>
固定宽度小字体
<font color=00ff00>...</font>
字体颜色
<font size=1>...</font>
最小字体
<font style =font-size:100 px>...</font>
无限增大
<!>
区断标记
<hr>
水平线
<hr size=9>
水平线(设定大小)
<hr width=80%>
水平线(设定宽度)
<hr color=ff0000>
水平线(设定颜色)
<br>(
换行)
<nobr>...</nobr>
水域(不换行)
<p>...</p>
水域(段落)
<center>...</center>
置中
<!>
连结格式
<base href=
地址>(预设好连结路径)
<a href=
地址></a>外部连结
<a href=
地址 target=_blank></a>外部连结(另开新窗口)
<a href=
地址 target=_top></a>外部连结(全窗口连结)
<a href=
地址 target=页框名></a>外部连结(在指定页框连结)
<!>
贴图/音乐
<img src=
图片地址>贴图
<img src=
图片地址 width=180>设定图片宽度
<img src=
图片地址 height=30>设定图片高度
<img src=
图片地址 alt=提示文字>设定图片提示文字
<img src=
图片地址 border=1>设定图片边框
<bgsound src=MID
音乐文件地址>背景音乐设定
<!>
表格语法
<table aling=left>...</table>
表格位置,置左
<table aling=center>...</table>
表格位置,置中
<table background=
图片路径>...</table>背景图片的URL=就是路径网址
<table border=
边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=
颜色码>...</table>设定表格的背景颜色
<table borderclor=
颜色码>...</table>设定表格边框的颜色
<table borderclordark=
颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=
颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=
参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=
参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=
参数>...</table>指定表格的栏数
<table frame=
参数>...</table>设定表格外框线的显示方式
<table width=
宽度>...</table>指定表格的宽度大小(使用数字)
<table height=
高度>...</table>指定表格的高度大小(使用数字)
<td colspan=
参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=
参数>...</td>指定储存格合并列的列数(使用数字)
<!>
分割窗口
<frameset cols="20%,*">
左右分割,将左边框架分割大小为20%右边框架

的大小浏览器会自动调整
<frameset rows="20%,*">
上下分割,将上面框架分割大小为20%下面框架

的大小浏览器会自动调整
<frameset cols="20%,*">
分割左右两个框架
<frameset cols="20%,*,20%">
分割左中右三个框架
<
分割上下两个框架
<frameset rows="20%,*,20%">
分割上中下三个框架
<! - - ... - ->
批注
<A HREF TARGET>
指定超级链接的分割窗口
<A HREF=#
锚的名称> 指定锚名称的超级链接
<A HREF>
指定超级链接
<A
被连结点的名称
<ADDRESS>....</ADDRESS>
用来显示电子邮箱地址
<B>
粗体字
<BASE TARGET>
指定超级链接的分割窗口
<BASEFONT SIZE>
更改预设字形大小
<BGSOUND SRC>
加入背景音乐
<BIG>
显示大字体
<BLINK>
闪烁的文字
<BODY TEXT LINK VLINK>
设定文字颜色
<BODY>
显示本文
<BR>
换行
<CAPTION ALIGN>
设定表格标题位置
<CAPTION>...</CAPTION>
为表格加上标题
<CENTER>
向中对齐
<CITE>...<CITE>
用于引经据典的文字
<CODE>...</CODE>
用于列出一段程序代码
<COMMENT>...</COMMENT>
加上批注
<DD>
设定定义列表的项目解说
<DFN>...</DFN>
显示"定义"文字
<DIR>...</DIR>
列表文字卷标
<DL>...</DL>
设定定义列表的卷标
<DT>
设定定义列表的项目
<EM>
强调之用
<FONT FACE>
任意指定所用的字形
<FONT SIZE>
设定字体大小
<FORM ACTION>
设定户动式窗体的处理方式
<FORM METHOD>
设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT>
设定窗口的上下边界
<FRAME MARGINWIDTH>
设定窗口的左右边界
<FRAME NAME>
为分割窗口命名
<FRAME NORESIZE>
锁住分割窗口的大小
<FRAME SCROLLING>
设定分割窗口的滚动条
<FRAME SRC>
HTML文件加入窗口
<FRAMESET COLS>
将窗口分割成左右的子窗口
<FRAMESET
ROWS>
将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET>
划分分割窗口
<H1>~<H6>
设定文字大小
<HEAD>
标示文件信息
<HR>
加上分网格线
<HTML>
文件的开始与结束
<I>
斜体字
<IMG ALIGN>
调整图形影像的位置
<IMG ALT>
为你的图形影像加注
<IMG DYNSRC LOOP>
加入影片
<IMG HEIGHT WIDTH>
插入图片并预设图形大小
<IMG HSPACE>
插入图片并预设图形的左右边界
<IMG LOWSRC>
预载图片功能
<IMG SRC BORDER>
设定图片边界
<IMG SRC>
插入图片
<IMG VSPACE>
插入图片并预设图形的上下边界
<INPUT TYPE NAME value>
在窗体中加入输入字段
<ISINDEX>
定义查询用窗体
<KBD>...</KBD>
表示使用者输入文字
<LI TYPE>...</LI>
列表的项目 ( 可指定符号 )
<MARQUEE>
跑马灯效果
<MENU>...</MENU>
条列文字卷标
<META CONTENT URL>
自动更新文件内容
<MULTIPLE>
可同时选择多项的列表栏
<NOFRAME>
定义不出现分割窗口的文字
<OL>...</OL>
有序号的列表
<OPTION>
定义窗体中列表栏的项目
<P ALIGN>
设定对齐方向
<P>
分段
<PERSON>...</PERSON>
显示人名
<PRE>
使用原有排列
<SAMP>...</SAMP>
用于引用字
<SELECT>...</SELECT>
在窗体中定义列表栏
<SMALL>
显示小字体
<STRIKE>
文字加横线
<STRONG>
用于加强语气
<SUB>
下标字
<SUP>
上标字
<TABLE BORDER=n>
调整表格的宽线高度
<TABLE CELLPADDING>
调整数据域位之边界
<TABLE CELLSPACING>
调整表格线的宽度
<TABLE HEIGHT>
调整表格的高度
<TABLE WIDTH>
调整表格的宽度
<TABLE>...</TABLE>
产生表格的卷标
<TD ALIGN>
调整表格字段之左右对齐
<TD BGCOLOR>
设定表格字段之背景颜色
<TD COLSPAN ROWSPAN>
表格字段的合并
<TD NOWRAP>
设定表格字段不换行
<TD VALIGN>
调整表格字段之上下对齐
<TD WIDTH>
调整表格字段宽度
<TD>...</TD>
定义表格的数据域位
<TEXTAREA NAME ROWS COLS>
窗体中加入多少列的文字输入栏
<TEXTAREA WRAP>
决定文字输入栏是自动否换行
<TH>...</TH>
定义表格的标头字段
<TITLE>
文件标题
<TR>...</TR>
定义表格美一行
<TT>
打字机字体
<U>
文字加底线
<UL TYPE>...</UL>
无序号的列表 ( 可指定符号 )
<VAR>...</VAR>
用于显示变量

 

背景音乐

 口哨与小狗         古典音乐

 
  评论这张
 
阅读(885)| 评论(24)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017