通过本章学习,应该掌握以下内容:
1,HTML及其功能
2,利用 HTML创建和测试 Web页的方法
3,利用 HTML设置标题和文字
4,利用 HTML设置段落
5,利用 HTML进行文本格式的处理
6,利用 FrontPage 2002和 Dreamweaver 4.0处理文本第 3章 网页文本的处理
3.1 利用 HTML处理文本
3.1.1 HTML基础
1,标记符标记符又称标签,HTML是影响网页内容显示格式的标记符集合,浏览器根据标记符决定网页的实际显示效果 。
在 HTML中,所有的标记符都用尖括号括起来 。 例如,
<HTML>表示 HTML标记符 。 绝大多数标记符都是成对出现的,
包括开始标记符和结束标记符 。 如,<HTML>… </ HTML>,
HTML标记符是不区分大小写的,但通常约定标记符使用大写字母,
这有利于 HTML文档的维护 。
属性是用来描述对象特征的特性 。 在 HTML中,所有的属性都放置在开始标记符的尖括号里,属性与标记符之间用空格分隔,
属性的值放在相应属性之后,用等号分隔,而不同的属性之间用空格分隔 。 格式为:
<标记符 属性 1=属性值 1 属性 2=属性值 2 … > 受影响的内容 </标记符 >
HTML属性通常也不区分大小写 。
2,HTML文档的基本结构一个典型的 HTML文本的基本结构形式如下:
<HTML>
<HEAD>
<TITLE>
文本标题
</ TITLE>
</ HEAD>
<BODY>
文本内容
</ BODY>
</ HTML>
上述文档用到四种标记符,其意义如下:
( 1) HTML标记符
<HTML></ HTML>这两个标记符是 HTML文档的标记符。
<HTML>处于文档的最前端,表示文档的开始,即浏览器从
<HTML>开始解释。而 </ HTML>则位于文件的最后一行,这样的结果表示这一整份的文档都是 HTML语法的文档。
( 2) HEAD标记符
<HEAD></ HEAD>是 HTML文件头标记符,用来描述
HTML首部的内容,说明文档的整体信息。所有首部信息并不会出现在利用 WWW浏览器所看到的窗体中。 <HEAD></ HEAD>
通常与某些标记符一起使用,如 <TITLE></ TITLE>标记符。
( 3) TITLE标记符
<TITLE></ TITLE>指的是一份文档的标题。通常来说,
每一份文档都应该有一个标题来简述这一份文档的特色或是主题。
对于 WWW浏览器而言,标题所在的位置虽然依照浏览器的不同而不同,但是大部分都位于浏览器的最上方。
( 4) BODY标记符
<BODY></ BODY>指的是定义出一个 HTML文档的体部,
位于首部下面。在 <BODY>标记符内的文字,所有使用标记符的地方都可以经浏览器正确地显示在浏览器窗体中。
3,创建和测试 Web页由于 HTML文件的实质就是文本文件,因此可以用任何文本编辑器编辑 HTML文件,通常可以使用 Windows系统中的,记事本,
程序 。 另外,由于 Windows98/ Me/ 2000系统中捆绑了 IE5或
IE5.5( Internet Explorer 5.0或 5.5),因此用户在 Windows中可以方便地对 Web页进行简单的测试 。
( 1) 创建 Web页保存了 Web页之后,在所选择的文件夹中将包含所创建的 Web
页,可以由 IE将其打开 。
( 2) 发布 Web页用户创建了 Web页之后,通常可以直接将其保存在硬盘,软盘或光盘上,作为一种电子文档,也可以将其发布到 Internet上,
以便让全世界的浏览者都能够进行浏览 。 发布 Web页时应按以下步骤进行 。
① 创建本地站点
② 申请网页空间
③ 用 FTP上传网页
3.1.2 标题处理在 HTML中,用户可以通过 Hn标记符来标识文档中的标题和副标题,其中 n是 1到 6的数字 。 <H1>表示最大的标题,<H6>表示最小的标题 。 使用标题样式时,必须使用结束标记符 。
标题文字标记符的格式:
<Hn align="对齐方式 " > 标题文字 </Hn>
属性 align用来设置标题在页面中的对齐方式,left( 左对齐 ),
center( 居中 ) 或 right( 右对齐 ) 。
如,
<H4 align="left" face=" 楷体 _GB2312" size="4"
color="#0000FF">计算机系 </H4>
<Hn>… </Hn>标记符默认显示宋体 。 <Hn>… </Hn>标记符会自动插入一个空行,不必再用空行标记符 。 在一个标题行下无法使用不同大小的字体 。
与 HEAD中的 <TITLE>… </ TITLE>定义的网页标题不同,
标题格式显示在浏览器窗口内,而不显示在浏览器的标题栏中 。
3.1.3 段落处理在 HTML中段落处理是通过段落标记来完成的,常用的段落标记符有:
1,注释标记符
HTML的注释标记符的格式为,<!--注释内容 -->
2,强制换行标记符强制换行标记符为 <BR>,放在一行的末尾,可以使后面的文字,
图片,表格等显示于下一行,而又不会在行与行之间留下空行,
即强制文本换行 。
3,强制换段标记符在 HTML文档中,无法用多个回车,空格,Tab键来调整文档段落的格式 。 要用 HTML的标记符来强制换行,分段 。
( 1) 强制换段标记符强制换段标记符的格式为:
文字 <P>
( 2) 设置段落标记符设置段落标记符的格式为:
<P align="对齐方式 ">文字 </ P>
4,显示预排格式标记符当用其他编辑工具编排好了一段文字后,其中很可能有一些
HTML文件不支持的控制符号,如同车,多个空格,Tab键等 。 如果希望在浏览网页时仍保留在编辑工具中已经排好的段落格式,
可以使用 <PRE>标记符将预先排好的格式保留下来 。
显示预排格式标记符的格式为:
<PRE>预先排好的格式 </ PRE>
5,分区显示标记符分区显示标记符的格式为:
<DIV align="对齐方式 "> 文本或图像 </ DIV >
6,水平线在页面中插入一条水平标尺线( Horizontal Rules),可以使不同功能的文字分隔开,看起来整齐、明了。
水平线标记符的格式为:
<HR align="对齐方式 " size="横线粗细 " width="横线长度 " color="横线颜色 "noshade>
3.1.4 文本格式处理文本格式处理包括文字设置和格式处理 。
1,文字设置在网页中为了增强页面的层次,其中的文字可以用不同的大小,字体,字型和颜色,通常用 FONT标记符来完成 。
FONT标记符设置格式为:
<FONT size="数字 " face="字体名 " color="颜色 "> 被设置的文字 </ FONT>
size属性是字号属性,用于控制文字的大小,它的取值既可以是绝对值,也可以是相对值。
face属性是字体标记符,用来指定字体样式。
color属性可用来控制文字的颜色,属性值可以是颜色名称或十六进制值。
2,格式处理
HTML中的格式标记符有:
<P> </ P>
<BR>
<BLOCKQUOTE> </ BLOCKQUOTE>
<DL> </ DL> <DT> </ DT> <DD> </ DD>
<OL> </ OL> <UL> </ UL> <LI></ LI>
<DIV> </ DIV>
<BLOCKQUOTE></ BLOCKQUOTE>标记符之间加入的文本将会在浏览器中按两边缩进的方式显示出来 。
<DL></ DL>标记符是指 Directory List,用来创建一个普通的列表,; <DT></ DT>用来创建列表中的上层项目; <DD></ DD>
用来创建列表中最下层项目; <DT></ DT>和 <DD></ DD>都必须放在 <DL></ DL>标志对之间 。
<OL></ OL>标记符指 Ordered List,它是用来创建一个标有数字的列表; <UL></ UL>标记符用来创建一个标有圆点的列表;
<LI></ LI>标记符只能在 <OL></ OL>或 <UL></ UL>标记符内使用,此标记符用来创建一个列表项 。
3,设置页面属性
( 1) 设置页面背景颜色
<BODY>标记符中使用 bgcolor属性可以为网页设置背景颜色 。
( 2) 设置页面背景图像单纯使用一种颜色作为背景显然有些单调,网页设计者也可选择特定图案作为页面的背景,使用 BODY标记符的 background属性即可 。 HTML语句为:
<BODYbackground=“网页背景图案的地址,>
( 3) 设置文字和超链接的颜色在设置了背景图案或背景颜色后,常常需要更改正文字符和超链接的颜色,以便与背景相适应 。 设置正文和超链接颜色时,可以使用 BODY标记符的 text,link,vlink和 alink属性 。 其中,text
属性用于设置正文的颜色; link属性用于设置未被访问的超链接的颜色; vlink用于设置已被访问过的超链接的颜色; alink用于设置活动超链接 ( 即当前选定的超链接 ) 的颜色 。
3.2 其他处理网页文本的方法
3.2.1 利用 FrontPage 2002处理网页文本
1,输入文本利用 FrontPage 2002创建一个网页后,在文档的编辑区域内,
可以看到闪烁的光标,在此可以输入文字。在输入文字的过程中,
光标也跟着向后移动。
2,编辑文本应用 FrontPage 2002编辑文本的基本操作与其他的文字处理软件有相同之处。常用的文本编辑操作有:选择、移动、复制、粘贴、剪切、删除、查找和替换等。
3,设置文本格式在 FrontPage 2002中,不但可以非常灵活地设置各种文本格式,
而且可以设置斜体,下划线,上 /下标,空心,阴影等各种特效 。
4,段落式样和对齐方式
( 1) 段落式样
FrontPage2002为网页设计者提供了 16种样式,其中 6种是段落样式。
( 2) 对齐方式在格式栏中有 4个按钮与段落的操作有关,这 4个按钮分别代表左对齐、右对齐、居中对齐和分散对齐。
5,编号列表在 FrontPage 2002中,设置编号列表可以利用按钮和按钮,
是用默认的标准项目符号,也可以自定义项目符号列表。
6,为段落添加水平线
3.2.2 利用 Dreamweaver 4.0处理网页文本
Dreamweaver 4.0中对文本的输入及编辑,与 Word极其相似。
1,编辑文本
( 1) 换行
① 自动换行:在输入文字时,若某一行的长度超过了 Dreamweaver
窗口的显示范围,文字将自动换到下一行。
② 利用,Enter”键换行:在输入文字后按,Enter”键,文字成段,
且上下段之间空一行 。
③ 利用,Shift+Enter”键换行:如果想要将文字手动换行,中间又不能出现空白行,可以按,Shift+Enter”键 。
( 2) 插入特殊的字符有时为了内容的需要,要在网页中插入一些键盘上没有的特殊字符,在 Dreamweaver 4.0 中,这些特殊字符不仅可以通过
,Insert”菜单下的,Special Character”命令来插入,还可以通过对象面板来直接插入 。
2,查找/替换文本的内容如果要在文档中查找或替找某个文字,可利用 Dreamweaver
4.0提供的查找和替换功能。选择,Edit”|“Find and Replace”(查找与替换)命令,打开,Find and Replace”对话框,
3,设置文本格式在 Dreamweaver 4.0中设置文本格式可以通过属性面板,类似与 Microsoft Word中对文本的属性设置,包括段落的格式、字体、字号、字的颜色、字体加粗/倾斜、对齐方式(左对齐/居中/右对齐)、文字所链接的路径或 URL等。