让字体美起来

时间: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
投稿

猜你喜欢

  • jquery ajax 局部刷新小案例

    2024-05-02 17:05:01
  • vueJs函数toRaw markRaw使用对比详解

    2024-04-09 10:46:23
  • 详解pandas获取Dataframe元素值的几种方法

    2022-12-28 07:30:01
  • PHP基于phpqrcode生成带LOGO图像的二维码实例

    2023-11-23 23:47:18
  • Yii入门教程之Yii安装及hello world

    2024-06-05 15:39:45
  • 如何判断字段的类型?

    2010-01-18 20:48:00
  • python编写简易聊天室实现局域网内聊天功能

    2023-08-30 07:45:52
  • Python hashlib常见摘要算法详解

    2023-07-29 20:04:09
  • 使用anaconda的pip安装第三方python包的操作步骤

    2022-11-20 04:05:22
  • 注册表单之死

    2008-08-07 13:02:00
  • js控制文本框禁止输入特殊字符详解

    2024-04-25 13:07:03
  • PHP源码之 ext/mysql扩展部分

    2023-07-21 18:24:20
  • Vue.js中的图片引用路径的方式

    2024-05-09 15:28:10
  • Python爬虫实现模拟点击动态页面

    2022-05-19 05:21:19
  • php 模拟get_headers函数的代码示例

    2023-09-09 06:16:36
  • 分享一个pycharm专业版安装的永久使用方法

    2023-04-27 17:26:34
  • Go 实现百万WebSocket连接的方法示例

    2024-02-22 17:05:01
  • 如何用python给数据加上高斯噪声

    2023-06-13 18:18:04
  • python算法题 链表反转详解

    2021-01-26 11:47:35
  • SESSION存放在数据库用法实例

    2024-05-11 10:09:56
  • asp之家 网络编程 m.aspxhome.com