设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> CSS >> 从HTML语言到网上家园 第四章 页面风格设计
精品推荐
CSS点击TOP10
·常用CSS大全
·DIV CSS网页布局实例解析:实现表格形式
·网页排版CSS教学
·网页特效代码:纯CSS制作的网页下拉菜单
·实现CSS图片边框效果的方法
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·CSS中文教程
·网页制作实例CSS用一张图片实现圆角
·让css使网页图片半透明
·网页制作小工具大全(下)
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·DIV CSS网页布局实例解析:实现表格形式
·JS表格排序新法
精选专题

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

作者: 来源:网络文章 时间:2006-9-27 0:45:14

  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语言到网上家园 第四章 页面风格设计 相关文章:
从HTML语言到网上家园 第四章 页面风格设计 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com