当前位置:编程学习 > html/css >>

从HTML语言到网上家园 第四章 页面风格设计(1)

答案:

  HTML语言的另一个重要特点就是能够把文本、图像、动画、音乐等多种媒体相结合,设计出图文并茂、动静结合的页面。这一章我们将介绍如何制作一个完整的丰富多彩的网页。

4.1语言字符集

 制作网页的时候,首先需要定义网页语言,以便访问者浏览器自动设置语言。一般情况下,我们都是取默认值。语言字符集的定义在网页首部〈head〉〈/head〉部分完成,基本格式是:

meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉

 gb2312代表简体中文,也可以根据需要选取其它语言。
  也可以在HTML标记中用LANG属性规定当前标记使用的语言,语法分析软件可以使用这个属性对引用、数字等来确定如何显示特定语言选项。

4.2文字颜色及风格

  HTML语言用〈font〉标记定义文本的字体。〈font〉标记有多种属性用于定义字体字面、尺寸和颜色等,常用的〈font〉标记属性有:

  Color 设置字体所使用的颜色。在html中,颜色通常采用6位16进制数值,格式为#xxxxxx,第一二位表示红色值,三四位为绿色值,五六位代表蓝色值,#000000代表黑色,#FFFFFF是白色。颜色也可以用逻辑值表示,如:black(黑色),olive(橄榄色),teal(呈绿色的蓝色),red(红色),blue(蓝色),maroon(栗色),navy(藏青色),gray(灰色),white(白色),green(绿色),purple(紫色),yellow(黄色),aqua(浅绿色)等。

size=±n〉。用第二种方法时“+”号表示字体变大,“-”号表示字体变小。

例:网页中有一段文字,要求字体字面为隶书,显示颜色为#008800,字体大小为2号,HTML源代码如下:
〈font size="2" color="#008000" face="隶书"〉网页中有一段文字,要求字体字面为隶书,显示颜色为#008000,字体大小为2号〈/font〉
显示效果:
网页中有一段文字,要求字体字面为隶书,显示颜色为#008000,字体大小为2号

 

  还可设置字体的风格。常用逻辑风格的HTML标记有:
  〈b〉〈/b〉 表示粗体
  〈i〉〈/i〉 表示斜体
  〈u〉〈/u〉 加下划线
  〈strike〉〈/strike〉 加删除线
  〈blink〉〈/blink〉 文字闪烁
  〈sup〉〈/sup〉 上标
  〈sub〉〈/sub〉 下标
  〈strong〉〈/strong〉 表示特别强调
  〈em〉〈/em〉 表示强调
  〈code〉〈/code〉 源代码
  〈samp〉〈/samp〉 例子
  〈kbd〉〈/kbd〉 键盘输入
  〈var〉〈/var〉 变量
  〈dfn〉〈/dfn〉 定义
  〈cite〉〈/cite〉 引用
  〈small〉〈/small〉 较小
  〈big〉〈/big〉 较大
  〈blink〉〈/blink〉 使文本闪烁,闪烁频率为1秒钟一次
  例:各种风格字体的HTML代码及其显示效果。
  〈b〉字体风格〈/b〉 字体风格
  〈i〉字体风格〈/i〉 字体风格
  〈u〉字体风格〈/u〉 字体风格
  〈tt〉字体风格〈/tt〉 字体风格
  〈sup〉字体风格〈/sup〉 字体风格
  〈sub〉字体风格〈/sub〉 字体风格
  〈s〉字体风格〈/s〉 字体风格
  〈strike〉字体风格〈/strike〉 字体风格
  〈em〉字体风格〈/em〉 字体风格
  〈strong〉字体风格〈/strong〉 字体风格
  〈code〉字体风格〈/code〉 字体风格
  〈samp〉字体风格〈/samp〉 字体风格
  〈kbd〉字体风格〈/kbd〉 字体风格
  〈var〉字体风格〈/var〉 字体风格
  〈dfn〉字体风格〈/dfn〉 字体风格
  〈cite〉字体风格〈/cite〉 字体风格
  〈small〉字体风格〈/small〉 字体风格
  〈big〉字体风格〈/big〉〈/body〉 字体风格

上一个:从HTML语言到网上家园 第四章 页面风格设计(2)
下一个:从HTML语言到网上家园 第三章 超文本链接(5)

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,