从HTML语言到网上家园第四章页面风格设计_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：642 更新时间：2009/4/23 11:12:05

　　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〉使文本闪烁，闪烁频率为１秒钟一次
　　例：各种风格字体的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〉字体风格