让字体美起来

时间:2011-06-14 09:50:21 

    你可能正建立自己在网上的家-WEB页,又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家。
  在目前许多的指导中,他们都在诉说,应该加一点声音或者一个说话的场地。的确我们都需要它,但我希望关心更多WEB家里底层的东西,比如如何把字体弄的漂亮些,或者让页面颜色变的活泼些,让访问者增加“看欲”,还有更多你曾经都没有关注的细微之处。今天,我们首先来探讨页面的字体。
  一、html中定义字体

  字体的确是很好打交道的,一开始制作页面,它就以默认的样式显示。随着逐步的深入,你会改变一下默认的设置,增大或者减小字体。
  一般字体默认的标签格式:<p>田涛</p>
  接下来,我们把字体设置为黑体或者宋体字样式,它的标签如下:
  <p><font face="黑体">田涛</font></p>
  在以上格式里,我们引出了字体的标签元素<font></font>.该标签具有下面三个属性值
  size="..." 设置字体的大小,一般从1到7,它的默认值是+3,每次改变字体都是+3或者-3。
  color="..." 字体颜色的设置。定义颜色可以利用RGB的16进制值,比如: color=“#ffffff” 。也可以直接利用颜色英文来定义,比如: color=“white”
  face="..." 字体样式的设置,比如:face=“黑体”。或者 face=“黑体,宋体”。后者的格式,每当浏览器访问第一种字体失败后,浏览器就会访问第二种字体,依此类推。
  下面是一个完整的字体格式:
  <font face="黑体" size="2" color="#FFFFFF">田涛</font>
  HTML还提供了以下字体样式标签
  1.六个标题样式
  从h1到h6,如:<h1><font face="黑体" size="2">田涛</font></h1>
  2.字体风格
  斜体字:<em>田涛</em>
  粗体字:<strong>田涛</strong>
  斜体+粗体字:<strong><em>田涛</em></strong>
  3.定义文本
  定义大字体
  <big>田涛</big>
  定义小字体
  <small>田涛</small>或者<small><small><small>田涛</small></small></small>
  如果你在字体标签中设置了size="...",那么<big>标签将不起作用。
  除了以上常用字体标签元素外,HTML还包含很多其它标签,但不我们不多用。

标签:字体,样式,css
0
投稿

猜你喜欢

  • SQL优化基础 使用索引(一个小例子)

    2012-01-29 18:29:26
  • 巧用Dreamweaver MX控制页面元素

    2009-09-13 18:38:00
  • 将ASP记录集输出成n列的表格形式显示的方法

    2011-04-08 10:51:00
  • CSS 设计中的黄金分割率应用

    2008-11-12 12:17:00
  • window.location.hash属性介绍

    2008-03-21 12:39:00
  • asp如何阻止别人非法链接你网站的图片?

    2010-07-11 21:01:00
  • 如何从Notes中读取数据?

    2009-11-15 19:57:00
  • MySQL数据库临时文件究竟储存在哪里

    2009-09-06 12:11:00
  • asp 实现检测字符串是否为纯字母和数字组合的函数

    2009-10-04 20:39:00
  • 用ASP显示ACCESS数据库的GIF图象

    2008-11-16 18:09:00
  • asp如何在第10000名来访者访问时显示中奖页面?

    2010-06-18 19:45:00
  • 浅析设计与内容呈现的关系

    2009-08-06 18:12:00
  • [翻译]标记语言和样式手册 chapter 6 短语元素

    2008-01-25 16:37:00
  • 并行查询让SQL Server加速运行

    2009-03-16 16:31:00
  • Mozilla专有JavaScript扩展之一(__noSuchMethod__)

    2009-03-01 12:45:00
  • Asp中如何快速分页的技巧

    2008-05-17 12:02:00
  • 用Asp修改注册表

    2008-01-04 12:33:00
  • prototype.js常用函数及其用法

    2007-11-21 20:47:00
  • Oracle中返回结果集的存储过程分享

    2012-07-11 15:50:16
  • 浅谈MySQL存储引擎选择 InnoDB还是MyISAM

    2009-05-10 20:02:00
  • asp之家 网络编程 m.aspxhome.com