《HTML语言与文本编辑.ppt》由会员分享，可在线阅读，更多相关《HTML语言与文本编辑.ppt（47页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第3章章 HTML语言与文本编语言与文本编辑辑 第第3章章 HTML语言与文本编辑语言与文本编辑 n从本章开始将用从本章开始将用3章的篇幅来讲解浏览器端的网页开发技术。尽管章的篇幅来讲解浏览器端的网页开发技术。尽管ASP.NET是服务器是服务器端技术，但是作为一个完整的网站常常离不开前端的浏览器，只有将网页开发技术与端技术，但是作为一个完整的网站常常离不开前端的浏览器，只有将网页开发技术与后台技术有机地结合才能构建出功能强大的网站。另外，后台技术有机地结合才能构建出功能强大的网站。另外，ASP.NET 2.0也提供了网也提供了网页开发的环境，在这个环境中我们完全能够开发出生动、美观的网页来。
2、页开发的环境，在这个环境中我们完全能够开发出生动、美观的网页来。n本章将首先讲解开发网页的两个最基础的知识：本章将首先讲解开发网页的两个最基础的知识：HTML语言和文本编辑。具体内容语言和文本编辑。具体内容 包包括：括：nHTML语言语言nHTML文本编辑文本编辑n超链接超链接n创建移动的文本创建移动的文本nHTML与与XML比较比较n综合示例综合示例第第3章章 HTML语言与文本编辑语言与文本编辑 n3.1 HTML语言语言 n3.2 HTML文本编辑文本编辑 n3.3 超超 链链 接接 n3.4 创建移动的文本创建移动的文本 n3.5 HTML与与XML的比较的比较 n3.6 综综 合合
3、示示 例例 n3.7 小小 结结 n3.8 习习 题题 3.1 HTML语言语言 u3.1.1 HTML语言概述语言概述 u3.1.2 HTML标记的基础标记的基础 u3.1.3 HTML文档的基本结构文档的基本结构 u3.1.4 HTML文档的编辑工具文档的编辑工具 3.1.1 HTML语言概述语言概述 nHTMLHTML是是Hyper Text Markup Language(Hyper Text Markup Language(超文本标记语言超文本标记语言)的缩写。它是的缩写。它是WWW(World WWW(World Wide Web)Wide Web)中使用的超文本标记语言。它是中使
4、用的超文本标记语言。它是Tim Berners-Lee Tim Berners-Lee 在在 CERN(CERN(在日内瓦在日内瓦的欧洲粒子物理实验室的欧洲粒子物理实验室)发明的。它最早源于发明的。它最早源于SGML(Standard Generalized SGML(Standard Generalized Markup LanguageMarkup Language，标准通用标记语言，标准通用标记语言)语言，它是在语言，它是在SGMLSGML定义下的一个描述性语定义下的一个描述性语言，或者可以说言，或者可以说HTMLHTML是是SGMLSGML的一个应用程序。的一个应用程序。nHTMLHT
5、ML语言的重要性在于，它是所有浏览器都能识别的通用语言，是浏览器生成网语言的重要性在于，它是所有浏览器都能识别的通用语言，是浏览器生成网页的基础。利用它可以完成以下三方面的工作：页的基础。利用它可以完成以下三方面的工作：n定义在浏览器上的显示格式；定义在浏览器上的显示格式；n建立超链接；建立超链接；n集成其他多媒体软件。集成其他多媒体软件。nHTMLHTML语言的特点是：语言的特点是：n第一，第一，HTMLHTML不是程序语言，它只是一种标记语言，一种文本语言。它不同于我们不是程序语言，它只是一种标记语言，一种文本语言。它不同于我们平时所看到的平时所看到的VBVB、C+C+这类编程语言，实际上
6、它只是在一些对象这类编程语言，实际上它只是在一些对象(如文本、图片、如文本、图片、表格等表格等)中加入各种各样的标记，从而使这些对象以这些标记所定义的形式显示中加入各种各样的标记，从而使这些对象以这些标记所定义的形式显示出来。出来。n第二，任何文本编辑器都可以编辑它，只要能将文件另存成第二，任何文本编辑器都可以编辑它，只要能将文件另存成ASCIIASCII纯文本格式即纯文本格式即可。一个可。一个HTMLHTML文件是一页文字信息，就像一封电子邮件或一个文件是一页文字信息，就像一封电子邮件或一个WordWord字处理文件，字处理文件，而且实际上完全可以使用而且实际上完全可以使用WordWord字
7、处理软件来编写一个字处理软件来编写一个HTMLHTML网页。也可以通过其他网页。也可以通过其他字处理软件编写文本文件，当然使用专业的网页编辑软件更为方便一些。字处理软件编写文本文件，当然使用专业的网页编辑软件更为方便一些。n第三，需要使用第三，需要使用WebWeb浏览器。当你想把网页制作成某种模样时，需要使用浏览器。当你想把网页制作成某种模样时，需要使用一种编码通过浏览器进行解释，这种编码就被称为一种编码通过浏览器进行解释，这种编码就被称为HTMLHTML代码。所有网页，代码。所有网页，都是通过浏览器对都是通过浏览器对HTMLHTML的解释而形成的，浏览器就相当于的解释而形成的，浏览器就相当于
8、HTMLHTML语言的翻语言的翻译程序，负责解释译程序，负责解释HTMLHTML文件各种符号的含义。一个文件各种符号的含义。一个HTMLHTML文件中包含了所文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪些文字应放置在何处，使用哪种显示模式等。如果还有一些图片、动画、些文字应放置在何处，使用哪种显示模式等。如果还有一些图片、动画、声音或是任何其他形式的资源，声音或是任何其他形式的资源，HTMLHTML文件也会告诉浏览器到哪里去查找文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置
9、。这些资源，以及这些资源将放置在网页的什么位置。n第四，第四，HTMLHTML语言独立于各种平台。自语言独立于各种平台。自19901990年以来年以来HTMLHTML就一直被用作就一直被用作World World Wide Web(WWW)Wide Web(WWW)的信息表示语言，用于描述网页的格式设计和它与的信息表示语言，用于描述网页的格式设计和它与WWWWWW上上其他网页的连接信息。其他网页的连接信息。HTMLHTML语言目前已经成为各种类型浏览器的通用标语言目前已经成为各种类型浏览器的通用标准，它能独立于各种操作系统平台准，它能独立于各种操作系统平台(如如UNIXUNIX，Windows
10、Windows等等)。其内容从功能。其内容从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作等。片和多媒体插入、对象、表格以及窗体的操作等。3.1.2 HTML标记的基础标记的基础 nHTMLHTML语法格式非常简单，基本上只要明白了各种标记的用法便算学懂了语法格式非常简单，基本上只要明白了各种标记的用法便算学懂了HTMLHTML，也就是说它，也就是说它只是在一些对象只是在一些对象(如文本、图片、表格等如文本、图片、表格等)中加入各种各样的标记，从而使这些对象以这些中加入各种
11、各样的标记，从而使这些对象以这些标记所定义的形式显示出来。这里我们先了解基本的标记所定义的形式显示出来。这里我们先了解基本的HTMLHTML语法等内容。语法等内容。n1基本的HTML语法n(1)(1)所有的标记都必须用尖括号所有的标记都必须用尖括号(即小于号即小于号“”“”)“”)括起来。它以开始标记括起来。它以开始标记及结束标记将对象围住。及结束标记将对象围住。n(2)(2)大部分标记是成对出现的，包括开始标记和结束标记。开始标记和相应的结束标记大部分标记是成对出现的，包括开始标记和结束标记。开始标记和相应的结束标记定义了标记所影响的范围。结束标记与开始标记名称相同，但结束标记必须用一个斜线
12、符定义了标记所影响的范围。结束标记与开始标记名称相同，但结束标记必须用一个斜线符号开头。号开头。n(3)(3)所有被标记包围的对象，如文本、图像、表格等都按照标记定义的格式显示。所有被标记包围的对象，如文本、图像、表格等都按照标记定义的格式显示。n例如：例如：n欢迎参观本网页！欢迎参观本网页！n中间的字符串按照中间的字符串按照号字体的大小显示。号字体的大小显示。n(4)(4)有少数标记允许只有开始标记没有结束标记。例如：有少数标记允许只有开始标记没有结束标记。例如：n断行用的标记：断行用的标记：n分段用的标记：分段用的标记：n(5)(5)标记不区分大小写，但默认情况下，标记不区分大小写，但默认
13、情况下，ASP.NET 2.0ASP.NET 2.0中系统提供的中系统提供的HTMLHTML标记都用小写字标记都用小写字母表示。母表示。3.1.2 HTML标记的基础标记的基础 n2标记的属性n大多数标记都拥有一些属性，大部分属性都有默认值，利用这些属性可大多数标记都拥有一些属性，大部分属性都有默认值，利用这些属性可以对标记的作用进行更多的控制。设置或改变属性时，将以对标记的作用进行更多的控制。设置或改变属性时，将属性名属性名=值值放在标记名的同一个尖括号中，而且所有属性都放置在开始标记的尖括放在标记名的同一个尖括号中，而且所有属性都放置在开始标记的尖括号内。号内。n例如：例如：n本段落将放置
14、在右端本段落将放置在右端 n其中其中p是段落标记，是段落标记，align代表代表“对齐方式对齐方式”，是属性名。，是属性名。right代表代表“右右边边”，是属性的值。这个标记的含义是将字符串放在浏览器的右端。，是属性的值。这个标记的含义是将字符串放在浏览器的右端。nn其中其中hr是水平线标记，是水平线标记，size是水平线的高度，是水平线的高度，width是水平线的宽度，是水平线的宽度，align为对齐属性。此行代码表示增加一条横线，水平线的高度为为对齐属性。此行代码表示增加一条横线，水平线的高度为6，宽，宽度为度为160，显示于浏览器的中间。，显示于浏览器的中间。3.1.2 HTML标记的
15、基础标记的基础 n3注释语句n与其他程序设计语言一样，在与其他程序设计语言一样，在HTML文本的适当位置上增加注释语句能文本的适当位置上增加注释语句能提高文本的可读性，编译器将不解读注释部分，即注释不在浏览器窗口提高文本的可读性，编译器将不解读注释部分，即注释不在浏览器窗口中显示出来。中显示出来。n注释语句的格式是：注释语句的格式是：n n这里不妨将它看作一种特殊的标志。这里不妨将它看作一种特殊的标志。n例如：例如：n3.1.3 HTML文档的基本结构文档的基本结构 n一个基本的一个基本的HTML文档通常包含以下三对顶级标记。文档通常包含以下三对顶级标记。n1.HTML标记：.nHTML标记是
16、全部文档内容的容器，标记是全部文档内容的容器，是开始标记，是开始标记，是结束标记，它们分别是网页的第一个标记和最后一个标记，其他所有是结束标记，它们分别是网页的第一个标记和最后一个标记，其他所有HTML代码都位于这两个标记之间。代码都位于这两个标记之间。HTML标记告诉浏览器或其他程序：标记告诉浏览器或其他程序：这是一个网页文档，应该按照这是一个网页文档，应该按照HTML语言规则对标记进行解释。语言规则对标记进行解释。.标记是可选的，但最好不要省略这两个标记，以标记是可选的，但最好不要省略这两个标记，以保持保持Web文档结构的完整性。文档结构的完整性。n2.首部标记：.n首部标记用于提供与网页
17、有关的各种信息。在首部标记中，可以使用首部标记用于提供与网页有关的各种信息。在首部标记中，可以使用和和标记来指定网页的标题，使用标记来指定网页的标题，使用和和标记来定义标记来定义CSS样式表，使用样式表，使用和和标记来插入脚本，等等。标记来插入脚本，等等。3.1.3 HTML文档的基本结构文档的基本结构 n3.正文标记：.n正文标记包含了文档的内容，文字、图像、动画、超链接以及其他正文标记包含了文档的内容，文字、图像、动画、超链接以及其他HTMLHTML对象均位于该标记对象均位于该标记中。中。n正文标记有下列属性。正文标记有下列属性。lBACKGROUDBACKGROUD：指定文档背景图像的：
18、指定文档背景图像的URLURL地址，图像平铺在页背景上。地址，图像平铺在页背景上。lBGCOLORBGCOLOR：指定文档的背景颜色。：指定文档的背景颜色。lTEXTTEXT：指定文档中文本的颜色。：指定文档中文本的颜色。lLINKLINK：指定文档中链接的颜色。关于链接的介绍请参阅后面章节。：指定文档中链接的颜色。关于链接的介绍请参阅后面章节。lVLINKVLINK：指定文档中已被访问过的链接的颜色。：指定文档中已被访问过的链接的颜色。lALINKALINK：指定文档中正被选中的链接的颜色。：指定文档中正被选中的链接的颜色。lONLOADONLOAD：指定文档首次加载时调用的事件处理程序。：
19、指定文档首次加载时调用的事件处理程序。lONUNLOADONUNLOAD：用于指定文档卸载时调用的事件处理程序。：用于指定文档卸载时调用的事件处理程序。n在上述属性中，各个颜色属性的值有两种表示方法：使用颜色名称来指定，例如红色、绿在上述属性中，各个颜色属性的值有两种表示方法：使用颜色名称来指定，例如红色、绿色和蓝色分别用色和蓝色分别用redred、greengreen和和blueblue表示；使用十六进制格式数值表示；使用十六进制格式数值#RRGGBB#RRGGBB来表示，来表示，RRRR、GGGG和和BBBB分别表示颜色中的红、绿、蓝三基色的两位十六进制数据。分别表示颜色中的红、绿、蓝三基
20、色的两位十六进制数据。3.1.3 HTML文档的基本结构文档的基本结构 n4.HTML文档的基本结构n学习了文档的几个标记后，现在需要按照一定的规则组织它们才能使用。这个规则就是学习了文档的几个标记后，现在需要按照一定的规则组织它们才能使用。这个规则就是HTMLHTML文档的基本结构。学会它可从整体上把握文档的基本结构。学会它可从整体上把握HTMLHTML文档的使用。文档的使用。nHTMLHTML文档的基本结构可以表示如下：文档的基本结构可以表示如下：nnn标题文字标题文字nnn文本、图像、动画、文本、图像、动画、HTMLHTML指令等指令等nnnHTMLHTML文档是一种树形文档是一种树形(
21、层次层次)结构。结构。标记是文档的根，其他的标记是文档的根，其他的HTMLHTML标记全部包括在标记全部包括在以内。以内。下面有两大分支：下面有两大分支：和和 。其中其中分支为文档的主体，主体中的内容将显示在客户端的浏览器中。分支为文档的主体，主体中的内容将显示在客户端的浏览器中。内又包括若干分支：如用内又包括若干分支：如用H1H1、H2H2等表示字体字号，等表示字体字号，P P、DIVDIV、FORMFORM等表示块元素，等等表示块元素，等等。而在等。而在段中除段中除 包括的内容将作为窗口的标题显示包括的内容将作为窗口的标题显示在最上方外，其余部分主要是关于文档的说明以及某些共用的脚本程序。
22、在最上方外，其余部分主要是关于文档的说明以及某些共用的脚本程序。与与为独立的两个部分，不能互相嵌套。为独立的两个部分，不能互相嵌套。3.1.4 HTML文档的编辑工具文档的编辑工具 n1.HTML文档编辑器的选择n虽然任何一种文本编辑器都可以作为虽然任何一种文本编辑器都可以作为HTML编辑器。如编辑器。如Windows的记事的记事本等。但为了减少网页设计的工作量，开发商设计了许多专用的网页编本等。但为了减少网页设计的工作量，开发商设计了许多专用的网页编辑器，像辑器，像Dreamweaver、FrontPage等，提供了可视化设计网页的工等，提供了可视化设计网页的工具，设计者可用具，设计者可用“
23、所见即所得所见即所得”的直观方法来创建网页，系统再自动将的直观方法来创建网页，系统再自动将其转化成其转化成HTML语句，然后传送到浏览器，从而简化了设计的过程。本语句，然后传送到浏览器，从而简化了设计的过程。本书的例题均在书的例题均在ASP.NET 2.0的【设计】或【源】视图中进行。的【设计】或【源】视图中进行。3.1.4 HTML文档的编辑工具文档的编辑工具 n2.文档编辑的基本步骤n首先创建网站，然后右击网站名，在弹出的快捷菜单中选择【添加新项首先创建网站，然后右击网站名，在弹出的快捷菜单中选择【添加新项】，在弹出的对话框中选择【】，在弹出的对话框中选择【HTML页】，在左下方给网页更名
24、，然后页】，在左下方给网页更名，然后单击【添加】按钮。单击【添加】按钮。n新打开的网页左下角将出现【设计】和【源】两个标签，在设计视图中新打开的网页左下角将出现【设计】和【源】两个标签，在设计视图中可以进行可视化设计，在【源】视图中可以直接编写可以进行可视化设计，在【源】视图中可以直接编写HTML代码。两个代码。两个视图是等效的，可以随时切换，相互补充。视图是等效的，可以随时切换，相互补充。n图图3.1的中间部分是刚建立的中间部分是刚建立HTML网页时【源】视图窗口的情况；左边工网页时【源】视图窗口的情况；左边工具箱是在【设计】视图中进行可视化设计时可以使用的控件；右边是控具箱是在【设计】视图
25、中进行可视化设计时可以使用的控件；右边是控件的属性窗口。件的属性窗口。n有时，一些网页中需要多次使用的标记，在工具箱中找不到相应的图标有时，一些网页中需要多次使用的标记，在工具箱中找不到相应的图标时，可以先在【源】视图窗口中，写出该标记的代码，然后将这些代码时，可以先在【源】视图窗口中，写出该标记的代码，然后将这些代码直接拖到工具箱中，以后就可以直接利用工具箱进行可视化操作了。直接拖到工具箱中，以后就可以直接利用工具箱进行可视化操作了。3.1.4 HTML文档的编辑工具文档的编辑工具 图3.1 刚打开的HTML网页的代码界面 3.2 HTML文本编辑文本编辑 u3.2.1 HTML文本的格式化
26、文本的格式化 u3.2.2 设置列表文本设置列表文本 3.2 HTML文本编辑文本编辑 n现在着重介绍现在着重介绍HTML的文本对象的编辑，掌握了这部分内容就不难学会的文本对象的编辑，掌握了这部分内容就不难学会其他对象的编辑。在这里虽然也要用到可视化方法，但是建议用输入其他对象的编辑。在这里虽然也要用到可视化方法，但是建议用输入HTML代码的方法试做一下。为了达到练习和巩固代码的方法试做一下。为了达到练习和巩固HTML语言的目的，语言的目的，文中有些地方有意不给出其可视化方法，待熟练后，再用可视化方法练文中有些地方有意不给出其可视化方法，待熟练后，再用可视化方法练习一遍。习一遍。3.2.1 H
27、TML文本的格式化文本的格式化 n1字符的格式化n(1)(1)设置字体、字号和颜色设置字体、字号和颜色n在在HTMLHTML语言中，可以使用字体标记语言中，可以使用字体标记来设置文本的字符格式，为来设置文本的字符格式，为此可以将文本置于此可以将文本置于和和标记之间，并通过标记之间，并通过FACFAC、SIZESIZE和和COLORCOLOR属性来属性来设置文本的字体、字号和颜色。设置文本的字体、字号和颜色。FACEFACE属性指定一种字体，或者给出一个字体列表，属性指定一种字体，或者给出一个字体列表，各种字体名称用逗号来分隔，可以按照作者的喜好程度来排列。例如：各种字体名称用逗号来分隔，可以按
28、照作者的喜好程度来排列。例如：nFONT FACE=龙卷风龙卷风nSIZESIZE属性指定字体的大小属性指定字体的大小(即字号即字号)，其取值可以从，其取值可以从1 1到到7 7，默认值为，默认值为3 3。SIZESIZE属性属性值越大，显示的字号就越大。相对于基本字体值越大，显示的字号就越大。相对于基本字体(BASEFONT)(BASEFONT)的大小，也可使用的大小，也可使用+或或-来指定相对字号。如：来指定相对字号。如：n龙卷风龙卷风n静态网页设计静态网页设计nCOLORCOLOR属性指定文本的颜色，可以用颜色名称表示，也可以用十六进制属性指定文本的颜色，可以用颜色名称表示，也可以用十六
29、进制RGBRGB格式表格式表示。例如：示。例如：n龙卷风龙卷风n静态网页设计静态网页设计3.2.1 HTML文本的格式化文本的格式化 n(2)(2)设置字符样式和特殊字符设置字符样式和特殊字符n设置字符样式设置字符样式n通过设置字符样式可以为某些字符设置特殊格式，例如粗体、斜体、下划线、删除线、上通过设置字符样式可以为某些字符设置特殊格式，例如粗体、斜体、下划线、删除线、上标、下标等。常用的设置字符样式的标记如下：标、下标等。常用的设置字符样式的标记如下：n.粗体粗体n.大字体大字体n.斜体斜体n.删除线删除线n.小字体小字体n.删除线删除线n.上标上标n.下标下标n.固定宽度字体固定宽度字体
30、n.下划线下划线n插入特殊字符插入特殊字符n设计网页时，经常要插入一些空格。这本来是一个十分简单的问题，但在设计网页时，经常要插入一些空格。这本来是一个十分简单的问题，但在HTMLHTML网页中却变网页中却变得比较麻烦。在输入文本时按了多次空格键，但在浏览器中打开网页时却只能看到一个空得比较麻烦。在输入文本时按了多次空格键，但在浏览器中打开网页时却只能看到一个空格格。另外，在网页中有时可能要插入一些特殊符号，如版权符号。另外，在网页中有时可能要插入一些特殊符号，如版权符号 和注册符号和注册符号 等。当遇到等。当遇到这种情况时，可以使用两种方式来输入特殊符号：使用字符实体名称或数字表示方式。前这
31、种情况时，可以使用两种方式来输入特殊符号：使用字符实体名称或数字表示方式。前者为者为“&”“&”之后跟助记符，后者为之后跟助记符，后者为“&”“&”之后加之后加#再跟十进制代码。前者的方法更为可取，再跟十进制代码。前者的方法更为可取，因为它与平台几乎无关。例如，若要在网页中输入一个无间断空格，可以输入因为它与平台几乎无关。例如，若要在网页中输入一个无间断空格，可以输入“ ”“ ”或或“ ”“ ”，等等。表，等等。表3.13.1列出了列出了一小部分特殊符号的实体名称和数字表示，其他可参一小部分特殊符号的实体名称和数字表示，其他可参考帮助文档。考帮助文档。n
32、空格是空格是 HTML HTML 中最普通的字符实体。中最普通的字符实体。n通常情况下，通常情况下，HTML HTML 会裁掉文档中的空格。假如你在文档中连续输入会裁掉文档中的空格。假如你在文档中连续输入 10 10 个空格，那么个空格，那么 HTML HTML 会去掉其中的会去掉其中的9 9个。如果使用个。如果使用 ，就可以在文档中增加空格。，就可以在文档中增加空格。n字符实体字符实体n一些字符在一些字符在 HTML HTML 中拥有特殊的含义，比如小于号中拥有特殊的含义，比如小于号()()用于定义用于定义 HTML HTML 标签的开始。如标签的开始。如果我们希望浏览
33、器正确地显示这些字符，我们必须在果我们希望浏览器正确地显示这些字符，我们必须在 HTML HTML 源码中插入字符实体。源码中插入字符实体。n字符实体有三部分：一个和号字符实体有三部分：一个和号(&)(&)，一个实体名称，或者，一个实体名称，或者#和一个实体编号，以及一个和一个实体编号，以及一个分号分号(;)(;)。n要在要在 HTML HTML 文档中显示小于号，我们需要这样写：文档中显示小于号，我们需要这样写：<或者或者<n使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏处是，使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏
34、处是，并不是所有的浏览器都支持最新的实体名称，然而几乎所有的浏览器对实体编号的支持都并不是所有的浏览器都支持最新的实体名称，然而几乎所有的浏览器对实体编号的支持都很好。很好。n注意：实体对大小写敏感。注意：实体对大小写敏感。3.2.1 HTML文本的格式化文本的格式化 3.2.1 HTML文本的格式化文本的格式化 n2段落的格式化n段落是文档的基本信息单位，一个字符也可能是一个段。将文档划分为段落，可以通过使用段落是文档的基本信息单位，一个字符也可能是一个段。将文档划分为段落，可以通过使用分段标记、换行标记、标题标记或插入水平线的手段来实现。分段标记、换行标记、标题标记或插入水平线的手段来实现
35、。n(1)(1)设置分段标记设置分段标记P Pn分段标记定义了一个段落，使用该标记时要跳过一个空行，使后续内容隔一行显示。若同时分段标记定义了一个段落，使用该标记时要跳过一个空行，使后续内容隔一行显示。若同时使用使用和和，则将段落包围起来，表示一个分段的块。若省略结束标记，则将段落包围起来，表示一个分段的块。若省略结束标记，可以将开，可以将开始标记始标记放在段尾。分段标记的常用属性是放在段尾。分段标记的常用属性是ALIGNALIGN，用于设置段落的水平对齐方式。，用于设置段落的水平对齐方式。n(2)(2)设置换行标记设置换行标记BRBRn标记强行规定了当前行的中断，使后续内容在下一行显示。标记
36、强行规定了当前行的中断，使后续内容在下一行显示。n(3)(3)设置标题标记设置标题标记H Hn nn标题标记用于设置文档中的标题和副标题，其中标题标记用于设置文档中的标题和副标题，其中n n的取值是的取值是1 1到到6 6，如：，如：.标记表标记表示字号最大的标题，示字号最大的标题，标记表示字号最小的标题。标记表示字号最小的标题。n(4)(4)设置水平线标记设置水平线标记HRHRnHRHR标记在文档中添加一条水平线，用来分开文档的两个部分。该标记有以下属性：标记在文档中添加一条水平线，用来分开文档的两个部分。该标记有以下属性：nALIGNALIGN：指定线的对齐方式，取值为：指定线的对齐方式，
37、取值为left(left(左对齐左对齐)、center(center(居中对齐居中对齐)或或right(right(右对齐右对齐)，默，默认值为认值为centercenter。nCOLORCOLOR：指定线的颜色。：指定线的颜色。nNOSHADENOSHADE：若指定该项，则显示一条无阴影的实线。：若指定该项，则显示一条无阴影的实线。nSIZESIZE：指定线的宽度，以像素为单位。：指定线的宽度，以像素为单位。nWIDTHWIDTH：指定线的长度，单位可以是像素或百分比：指定线的长度，单位可以是像素或百分比(占页面宽度的百分比占页面宽度的百分比)。3.2.1 HTML文本的格式化文本的格式化
38、n(5)(5)设置段落的对齐方式设置段落的对齐方式n在网页中有四种段落对齐方式：左对齐、右对齐、居中对齐和两端对齐。在网页中有四种段落对齐方式：左对齐、右对齐、居中对齐和两端对齐。在在HTMLHTML语言中，可以使用语言中，可以使用ALIGNALIGN属性来设置段落的对齐方式。属性来设置段落的对齐方式。ALIGNALIGN属性属性可以应用于多种标记，例如分段标记可以应用于多种标记，例如分段标记.、标题标记、标题标记H.以及水平线标记以及水平线标记等。等。ALIGNALIGN属性的取值可以是：属性的取值可以是：leftleft(左对齐左对齐)、center(center(居中对齐居中对齐)、ri
39、ght(right(右对齐右对齐)以及以及justify(justify(两端对齐两端对齐)。两端对齐是指将一行中的文本在排满的情况下向左右两页边对齐，以避两端对齐是指将一行中的文本在排满的情况下向左右两页边对齐，以避免在左右页边出现锯齿状。对于不同的标记，免在左右页边出现锯齿状。对于不同的标记，ALIGNALIGN属性的默认值是有所属性的默认值是有所不同的。对于分段标记和各个标题标记，不同的。对于分段标记和各个标题标记，ALIGNALIGN属性的默认值为属性的默认值为leftleft；对；对于水平线标记于水平线标记，ALIGNALIGN属性的默认值为属性的默认值为centercenter。若
40、要将文档中的多个。若要将文档中的多个段落设置成相同的对齐方式，可将这些段落置于段落设置成相同的对齐方式，可将这些段落置于和和标记之间标记之间组成一个节，并使用组成一个节，并使用ALIGNALIGN属性来设置该节的对齐方式。如果要将部分文属性来设置该节的对齐方式。如果要将部分文档内容设置为居中对齐，也可以将这部分内容置于档内容设置为居中对齐，也可以将这部分内容置于和和标记标记 之间。之间。3.2.1 HTML文本的格式化文本的格式化 n(6)示例示例nnn HTML文本的基本格式化练习文本的基本格式化练习nn n 静静n 夜夜 思思n n n 床前明月光，床前明月光，n 疑是
41、地上霜，疑是地上霜，n 举头望明月，举头望明月，n 低头思故乡。低头思故乡。n nn3.2.2 设置列表文本设置列表文本 n1创建有序列表n有序列表：是在各列表项前面显示数字或字母的缩排列表，可以使用有序列表标有序列表：是在各列表项前面显示数字或字母的缩排列表，可以使用有序列表标记记OLOL和列表项标记和列表项标记LILI来创建，语法格式如下：来创建，语法格式如下：nn列表项列表项11列表项列表项22列表项列表项n nnnOLOL标记有两个常用属性：标记有两个常用属性：STARTSTART和和TYPETYPE。STARTSTART属性用于数字序列的起始值，可以属性用于数字序列的起始值，可以取整
42、数值。取整数值。TYPETYPE属性用于设置数字序列样式，其取值可以是：属性用于设置数字序列样式，其取值可以是：n1 1：表示阿拉伯数字：表示阿拉伯数字1 1、2 2、3 3等，此为默认值。等，此为默认值。nA A：表示大写字母：表示大写字母A A、B B、C C等。等。na a：表示小写字母：表示小写字母a a、b b、c c等。等。nI I：表示大写罗马数字：表示大写罗马数字I I、IIII、IIIIII、IVIV等。等。ni i：表示小写罗马数字：表示小写罗马数字i i、iiii、iiiiii、iviv等。等。n当位于当位于和和标记之间时，标记之间时，LILI标记有两个常用属性：标记有两
43、个常用属性：TYPETYPE和和VALUEVALUE。TYPETYPE属属性指定数字样式，其取值与性指定数字样式，其取值与OLOL的的TYPETYPE属性相同；属性相同；VALUEVALUE属性指定一个新的数字序属性指定一个新的数字序列起始值，以获得非连续性的数字序列。列起始值，以获得非连续性的数字序列。3.2.2 设置列表文本设置列表文本 n2创建无序列表n无序列表是一种在各列表项前面显示特殊项目符号的缩排列表，可以使用无序列无序列表是一种在各列表项前面显示特殊项目符号的缩排列表，可以使用无序列表标记表标记ULUL和列表项标记和列表项标记LILI来创建，语法格式如下：来创建，语法格式如下：n
44、n列表项列表项1 1n列表项列表项2 2n n列表项列表项n nnnULUL标记的标记的TYPETYPE属性用于指定列表项前面显示的项目符号，其取值可以是：属性用于指定列表项前面显示的项目符号，其取值可以是：ndiscdisc：使用实心圆作为项目符号：使用实心圆作为项目符号(默认值默认值)。ncirclecircle：使用空心圆作为项目符号。：使用空心圆作为项目符号。nsquaresquare：使用方块作为项目符号。：使用方块作为项目符号。n应注意在应注意在IEIE浏览器中，浏览器中，TYPETYPE属性的值是区分大小写的。属性的值是区分大小写的。3.2.2 设置列表文本设置列表文本 n3示例
45、n无序和有序列表练习：星期一课程安排表。无序和有序列表练习：星期一课程安排表。nnn 无序和有序列表的练习无序和有序列表的练习nnnn 星期一课程安排表星期一课程安排表:nn第一节第一节:计算机导论计算机导论n第二节第二节:Web:Web应用程序应用程序n第三节第三节:数据库理论数据库理论n第四节第四节:C#:C#及及WindowsWindows设计设计nnn第五节第五节:英语英语n第六节第六节:数学数学n第七节第七节:政治政治nnn3.3 超超 链链 接接 n1超级链接的概念n(1)(1)超链接的含义超链接的含义n“超链接超链接”是是HTMLHTML语言的精华。通过超链接你可以随时转向其他页
46、面或者到某个段落去查看你想要看的语言的精华。通过超链接你可以随时转向其他页面或者到某个段落去查看你想要看的东西，还可以跨越站点，到其他站点上去查阅相关信息。你可以浏览世界各地的最新信息。而这一切只东西，还可以跨越站点，到其他站点上去查阅相关信息。你可以浏览世界各地的最新信息。而这一切只需坐在屏幕前点一点鼠标就能实现。超链接是由源端点到目标端点的一种跳转。源端点可以是网页中的需坐在屏幕前点一点鼠标就能实现。超链接是由源端点到目标端点的一种跳转。源端点可以是网页中的一段文本或一幅图像等。目标端点可以是任意类型的网络资源，例如一个网页、一幅图像、一首歌曲、一段文本或一幅图像等。目标端点可以是任意类型
47、的网络资源，例如一个网页、一幅图像、一首歌曲、一段动画或一个程序等。一段动画或一个程序等。n(2)(2)超链接的形式超链接的形式n按照目标端点的不同，可以将超链接分为以下几种常见形式。按照目标端点的不同，可以将超链接分为以下几种常见形式。n文件超链接：这种链接的目标端点是一个文件，当然包括各种文件，如页面文件，它可以位于当前网页文件超链接：这种链接的目标端点是一个文件，当然包括各种文件，如页面文件，它可以位于当前网页所在的服务器上，此时可称为所在的服务器上，此时可称为“站点内页面的链接站点内页面的链接”，也可以位于其他服务器，此时可称为，也可以位于其他服务器，此时可称为“与站点外与站点外页面的
48、链接页面的链接”。n锚点超链接：这种链接的目标端点是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或锚点超链接：这种链接的目标端点是网页中的一个位置，通过这种链接可以从当前网页跳转到本页面或其他页面中的指定位置。其他页面中的指定位置。nE-mailE-mail链接：通过这种链接可以启动电子邮件客户端程序链接：通过这种链接可以启动电子邮件客户端程序(如如OutlookOutlook或或FoxMailFoxMail等等)，并允许访问者向指，并允许访问者向指定的地址发送邮件。定的地址发送邮件。n图像超链接：这种链接是在图像上建立若干个区域称为图像超链接：这种链接是在图像上建立若干个区域称为
49、“链接区链接区”，通过它可以跳转到其他目标端点去。，通过它可以跳转到其他目标端点去。n(3)(3)关于路径关于路径n路径是指从站点根文件夹或当前文件夹到目标文件所经过的路线，可以使用路径来指定超链接中目标端路径是指从站点根文件夹或当前文件夹到目标文件所经过的路线，可以使用路径来指定超链接中目标端点的位置。路径有以下几种类型：点的位置。路径有以下几种类型：n绝对路径：也称为绝对绝对路径：也称为绝对URLURL，它给出目标文件的完整，它给出目标文件的完整URLURL地址，包括传输协议在内。如果要链接的文件位地址，包括传输协议在内。如果要链接的文件位于外部服务器上，则必须使用绝对路径。于外部服务器上
50、，则必须使用绝对路径。n相对路径：也称为相对相对路径：也称为相对URLURL，是指以当前文档所在位置为起点到目标文档所经过的路径。若要将当前文，是指以当前文档所在位置为起点到目标文档所经过的路径。若要将当前文档与处在同一文件夹中的另一个文档链接，或者将同一站点中不同文件夹下的文档相互链接，都可以使档与处在同一文件夹中的另一个文档链接，或者将同一站点中不同文件夹下的文档相互链接，都可以使用相对路径，此时可以省去当前文档与目标文档完整用相对路径，此时可以省去当前文档与目标文档完整URLURL中的相同部分，只留下不同部分。中的相同部分，只留下不同部分。n根相对路径：是指从站点根目录到被链接文件的路径