| 从HTML语言到网上家园第四章页面风格设计 |
|
| 作者:未知 文章来源:网络收集 点击数: 更新时间:2006-3-8 21:49:35
|
HTML语言的另一个重要特点就是能够把文本、图像、动画、音乐等多种媒体相结合,设计出图文并茂、动静结合的页面。这一章我们将介绍如何制作一个完整的丰富多彩的网页。4.1语言字符集制作网页的时候,首先需要定义网页语言,以便访问者浏览器自动设置语言。一般情况下,我们都是取默认值。语言字符集的定义在网页首部〈head〉〈/head〉部分完成,基本格式是:meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉gb2312代表简体中文,也可以根据需要选取其它语言。 也可以在HTML标记中用LANG属性规定当前标记使用的语言,语法分析软件可以使用这个属性对引用、数字等来确定如何显示特定语言选项。4.2文字颜色及风格HTML语言用〈font〉标记定义文本的字体。〈font〉标记有多种属性用于定义字体字面、尺寸和颜色等,常用的〈font〉标记属性有: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〉 字体风格
|
|
[ 收藏此页到: 天天|和讯|博采|ViVi|狐摘|我摘|天极 ] 文章录入:kinda 责任编辑:kinda |
|
上一篇文章: 从HTML语言到网上家园第五章 下一篇文章: 从HTML语言到网上家园第三章超文本链接 |
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |