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

　　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〉。用第二种方法时“＋”号表示字体变大，“－”号表示字体变小。

　　还可设置字体的风格。常用逻辑风格的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〉 使文本闪烁，闪烁频率为１秒钟一次
　　例：各种风格字体的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〉 字体风格