网页设计第2章培训资料.pptVIP

2.4 文字版面的编辑 例2-7的运行效果 2.4.5 原样显示文字标签pre 要保留原始文字排版的格式,就可以通过pre标签来实现,方法是把制作好的文字排版内容前后分别加上始标签pre和尾标签/pre。 2.4 文字版面的编辑 2.4.6 居中对齐标签center 文本在页面中使用center标签进行居中显示,center是成对标签,在需要居中的内容部分开头处加center,结尾处加/center 2.4.7 注释标签!- - - - 在HTML文档中可以加入相关的注释标签，便于查找和记忆有关的文件内容和标识，但是这些注释内容不会在浏览器中显示出来。这是因为凡是在注释标签内的文字都是隐性的，你可以利用这个空间做为备忘录。但有一点要注意，那就是如果别人查看你的源代码，那么你的这些注释信息就会一览无余了。 2.4 文字版面的编辑 2.4.8 文字格式控制标签font font/font是一对很有用的标签，它可以对网页中文字的字体、大小、颜色进行随意地改变，这些改变主要是通过对它的三个属性的控制来实现的，参见表2-4。 格式如下： font face=值1 size=值2 color=值3 文字/font 2.4 文字版面的编辑 例2-11： HTML head title文字的属性设置/title /head body center设置文字的字体、颜色、大小p font face=楷体_gb2312 color=red size=5欢迎光临我的网站（字号size=5）/fontp font face=宋体 color=#00ffff size=3欢迎光临我的网站（字号size=3）/fontp font face=隶书 color=#ff00ff size=+2欢迎光临我的网站（字号size=+2）/fontp font face=黑体 color=#00ff00 size=-1欢迎光临我的网站（字号size=-1）/fontp font face=arial color=#c0c0c0welcom my homepage./fontp font face=comic sans ms color=bluewelcom my homepage./fontp /center /body /HTML 2.4 文字版面的编辑 2.4 文字版面的编辑 例2-11的运行效果 2.4.9 特殊文字样式标签 在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如表2-5所示。 2.4 文字版面的编辑 现在用一个实例来看看效果： 例2-12： HTML head title特殊字体样式/title /head body b黑体字/b p i斜体字/i p u加下划线/u p big大型字体/big p small小型字体/small p blink闪烁效果/blink p4sup2/sup=16（即4的平方=16）/p pfont size=5u/fontsubin/sub=font size=5u/fontsubout/sub(即输入=输出)/p /body /HTML 2.4 文字版面的编辑 2.4.10 特殊符号的使用 在HTML文档中，有些字符没办法直接显示出来，例如问号“?”；有些字符时键盘上没有的，例如“×”；还有些字符在HTML里有特别的含义，比如小于号“”就表示HTML标签的开始，这个小于号是不显示在最终看到的网页里的。那么如果希望在网页中显示这类符号就必须用一些代码来表示它们。 2.4 文字版面的编辑 在HTML文档中表示一个特殊符号分成三部分：第一部分是一个符号；第二部分是字符名字或者是#加上字符编号；第三部分是一个分号。比如，要显示小于号： 例如lt;或者#60;。 2.4 文字版面的编辑 第 2 章 HTML基础与文字版面设计 本章知识技能要点： HTML标签与浏览器显示效果的基本对应关系 HTML的基本结构组成 简单页面的编排 在HTML中颜色的使用 掌握文字版面编辑的基本要领以及p,br,pre,center和hr标签的基本用法 掌握标题标签hn，特殊文字和特殊符号的使用方法 熟练掌握利用font标签设置各种字体样式的方法 掌握各类列表的编排方法 2.1 HTML基础 2.1.1 HTML概述 HTML英语意思是：Hypertext Marked Language，即超文本标签语言,是一种用来制作超文本文档的简单标签语言。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操