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

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

[原创]HTML代码学习小结(二)文字代码祥解  

2007-07-06 10:33:16|  分类: 博客网页技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

[原创]HTML代码学习小结()

文字代码祥解

   代码的功能非常强大,通过各种代码的任意组合,可以产生千变万化的效果,滚动字幕就是其中最神奇的一项。很多动态效果,在所见所得编辑模式下是不可能的,即使用Flash软件来制作,也要费很大功夫,用代码编辑却非常简单。

一、与字体有关的代码

  1、字体:<font>

  2、字型:<face=>,不写默认是宋体;使用一种默认,会影响到其他。

  3、字号:<size=>可以取值:-11+1;一般不写默认是3号字;

  4、字体色:<color="#FF0000">,或者直接写入色的英文单词,<color="RED">,两者的效果是一样的。参看我写的[原创]HTML代码学习小结()代码简介及色代码 介绍一种神奇的网页调色板。

  以上字型、字号、字体色代码必须与字体代码合并使用:<font face=华文新魏><font size=6><font color=#ff0000>,也可以组合在一个<>,:<font size=6 color=#ff0000 face=华文新魏>文字内容</font>

  5、字体代码的另一种设置:

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> font:40pt数值越大文字就越大。

  6、与字体有关的代码

   1)字体加粗:<b>

   2)字体斜体:<i>

   3)字体下划线:<u>

   4)换行:<br>

   5)段落:<p>

   6)<div>用来排版大块段落,与<p>相似

   7)字体运动

   <marquee></marquee>

   8)字体运动方向:

   direction=up(up是向上, down是向下,right是从左往右,Left是从右往左,不写为默认是从右往左)

   9)对齐:

   align=center是水平对齐, center是居中,right是右对齐,left是左对齐,不写为默认是左对齐),只有设置向上(up)、向下(down)运动时设置水平对齐才有意义,否则不起作用。

二、编写几种字体代码:

  1、正常静态字体代码:

  我们设想编写一段文字,使用华文行楷5号字,字体加粗,蓝色字体,文字就用写的这一段。它的代码是:

  <font size=5 color=#0000ff face=华文行楷><i>我们设想编写一段文字,使用华文行楷5号字,字体斜体,蓝色字体,文字就用写的这一段。</i></font>

  在浏览器中显现出来的是:

我们设想编写一段文字,使用华文行楷5号字,字体斜体,蓝色字体,文字就用写的这一段。

  对照一下上面每种代码的说明,你自然就会明白代码是怎么回事了。

  2、最简单的滚动字幕

  设想编写一段文字,从右往左运动,其他内容仍用上面的静态文字。

<marquee direction=left><font size=5 color=#0000ff face=华文行楷><i>我们设想编写一段文字,使用华文行楷5号字,字体斜体,蓝色字体,文字就用写的这一段。</i></font></marquee>

  因为从右往左滚动是默认设置,所以可以省略为:

<marquee><font size=5 color=#0000ff face=华文行楷><i>我们设想编写一段文字,使用华文行楷5号字,字体斜体,蓝色字体,文字就用写的这一段。</i></font></marquee>

也就是在静态文字的前后分别加上<marquee></marquee>

  3、来一段复杂的滚动字幕,倒过来解释

<marquee scrollamount=1 height=80 direction=up href="http://shop33976411.taobao.com/"><P align=center><font color=blue face=黑体 size=3>花儿杂货铺购物更省钱</font></a></P></marquee>

 

 

花儿杂货铺购物更省钱

 

 

  说明:

  (1)、<marquee></marquee>是运动字幕的开头和结尾;

  (2)、scrollamount=1是指运动的速度;

  (3)、height=80是字幕的高度是80像素,在向上(up)、向下(down)运动时一定要设置,左右运动可以不设;

  (4)、direction=up是向上滚动;

  (5)、onmouseover=stop() >是鼠标指向时停顿,移开鼠标滚动;

  (6)、<a href=是链接,<a href="http://shop33976411.taobao.com/">就是点击后转到http://shop33976411.taobao.com/这个网页;

  (7)、<P align=center>是字幕居中;

  (8)、<font color=blue face=黑体 size=3>是蓝色3号黑体字;

  (9)、花儿杂货铺购物更省钱是在浏览器中显现的文字,鼠标指向这几个字,就会停止滚动,点击这几个字就会转到一个叫花儿杂货铺的网页(这是我女儿的淘宝网店),这就叫滚动字幕的文字链接代码。

  评论这张
 
阅读(1284)| 评论(7)
推荐 转载

历史上的今天

评论

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

页脚

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