第3章_文档格式化

1、HTML网页设计,顾问:邯郸清华万博教职部,第三章 文档格式化,本章结构,文字格式化 超链接和锚站 段落格式化 使用列表 小结 思考题,文字格式化添加标准文字,网页中最重要的内容之一就是文字，添加文字是一件最容易的工作，任何置于和标记之间的文字都会在浏览器中显示出来。当然文字很可能是置于其他标记之间，如表格的单元格标记和之间。无论哪种情况，只要把文字填于内容标记之内，它们就会显示在浏览器窗口适当的范围内。,文字格式化改变文字属性,给HTML网页添加标准文字后，还要指定文档中的文字属性，如字体类型、颜色和文字的相对大小。HTML4.0标准中有一个字体标记，该标记包含控制文字特性的属性。,标记示例

2、,文字格式化格式化文字,HTML中对文字进行格式化的标记分为两类：物理的和逻辑的。 物理标记：包括用于指定粗体的标记和用于指定斜体的标记等，它们指定文字应该如何显示。 逻辑标记：如标记和标记，它们指定文字的性质，但不指定文字该如何显示。一般来说，逻辑元素的使用相对较少。,物理的字符格式化,逻辑格式化标记,文字格式化特殊字符,超链接和锚站,线性信息：指按照直线发展的信息，从某点开始，按照某一路径，到另外一点结束。线性文本的上下文是连贯的，必须根据前文内容来理解下文。所以，必须按照编排好的顺序阅读内容，否则会难以理解文本。 非线性文本：杂志和字典是非线性文本的典型范例。读者可以随意读取杂志中的某篇

3、文章，或者从字典里任意查找一个词汇。这种阅读的形式就是非线性的，因为不必阅读从杂志首页到这篇文章开始的所有中间页面。,超链接和锚站超链接,万维网是典型的非线性系统。在超文本（hypertext）领域里，信息被划分为若干小的易于管理的单元，这种单元叫做结点。各种链接嵌入在这些结点中，可以通过点击链接的方式从一个超文本文件移动到另一个。这种连接不同超文本文件的方式称为超链接（hypertext links，超文本链接）。使用链接在各个结点中导航的过程称为浏览。通过超链接而相互连接的一组结点称为Web，它使得万维网成为一个全球性的超文本系统。 如果没有超链接，Web将成为一堆相互独立的没有关系的文件

4、个体，而不是像现在这样成为一个既相互联系又相互制约的整体。Web站点通过对超链接进行规划，人们就很容易在站点里找到所需的信息。,超链接和锚站锚站元素,在HTML中定义超链接，最主要的方法是使用锚站元素，用标记表示。理论上每个超链接包含两个组成部分：源和目的地。锚站元素的一般语法如下： 超链接文字 href（hypertext reference）属性指明了链接页的URL，即超链接链接到的文本地址。 URL值是URI的一种，它的语法可以参考第一章中关于URI属性的内容。,超链接示例,超链接和锚站命名锚站,使用了name属性的锚站称为命名锚站，它用于创建指向同一页面中指定位置的链接，以便直接跳到此

5、位置，而不是像一般锚站那样在不同页面间跳转。命名锚站的一般语法格式为： 锚站A 属性name的值“书签名”用来标示“锚站A”在HTML文档中的位置。 要找到命名锚站所在的位置，就必须使用。例如，要找到上述锚站，就要编写如下代码： 点击此处将使浏览器跳到锚站A处 注意：href属性赋的值若是锚站的name属性值，则必须在书签名前边加一个“#”号。,命名锚站示例,超链接和锚站 email链接,在HTML网页中可以直接指定email链接，方法同普通超链接类似。不同的是超链接在href属性中指定一个页面地址，而email链接是指定一个email地址。,段落格式化,浏览器不能直接识别多个空格这样的特殊字

6、符，其实类似Tab键和回车这样的字符也不能被浏览器直接识别。为了体现出文本中的段落缩进、换行等格式，HTML中定义了一些用于将文档分成多个部分的标记，统称为段落格式化标记,段落格式化段落标记,最常用的段落格式化标记是标记。 被包含的文字构成了一个逻辑段落单位，通常浏览器将在段落前放置一个或两个空行。 内的文字通常以左对齐的方式显示，可以用align属性指定段落的对齐方式。 常用的对齐方式有：左对齐、右对齐、居中对齐等，对应的属性值分别为left、right和center。align属性可以在任何开放式段落级标记中使用。,段落格式化其他锻炼标记,除了标记，还有一些标记，例如： ,段落格式化预格式

7、化段落标记,标记使文本以录入的原样显示，即保留预先定义的格式。该标记主要用于显示程序代码或类似的信息。,段落格式化标题,标题是一段文本的主题，标题可以按照所包含信息内容的逻辑层次进行组织。 HTML提供六个级别的标题：从最大的到最小的。 在标题标记内的文本根据级别自动格式化，并且通常都为粗体字。,段落格式化标题对齐,适用于段落标记的align属性同样也可以用在标题标记中。,段落格式化换行与空行,标记，它是一个换行标记，即在某一行的特定位置断开这一行。,段落格式化使用水平线,水平线可以把页面划分为几个部分。一般来说，较长的文本段落应该用水平线分开。这样做可以使文档设计更规范，也可以显示信息的变化

8、。绘制水平线以及设置其属性的语法如下： 以上属性都是可选的。 width属性：可以用像素值大小表示，也可以用浏览器窗口宽度的百分比表示。 size属性：只能用像素大小表示，默认为3个像素。 noshade属性：使得水平线在显示时周围没有阴影效果。 很多浏览器还指定了其他一些属性，如color。,段落格式化水平线示例,使用列表,在现实网页中，列表是无处不在的。产品目录、电话号码簿等都用到了不同形式的列表。实际上，列表是以结构化方式组织和显示信息的最好方法。 HTML中有三种列表： 有序列表 无序列表 定义列表。,使用列表有序列表,有序列表是指包含有顺序内容的列表，可以用来表示连续的信息。顺序一般

9、用数字表示顺序，如阿拉伯数字、英文字母或罗马数字等。有序列表包含在标记和中，列表项用标记来定义： 第1项 第2项 第n项 ,标记有两个基本属性：type和start。type属性可以设置列表的编号类型,有序列表示例,使用列表无序列表,无序列表使用和标记，它包含的内容项没有指定顺序，表示彼此相关但却不遵循某一顺序的一组信息。无序列表的每一项不再用编号表示，而是用某种类型的标志（如实心圆、空心圆圈等）表示。一个典型的无序列表如下定义： 第1项 第2项 第n项 列表项标志可以通过标记的type属性来设置。type属性可以选择以下几项之一： circle：空心圆点 square：方块 disc：实心圆

10、点,无序列表示例,使用列表列表嵌套,使用列表定义列表,定义列表是一种特殊的列表，每一个列表项都包括成对出现的术语和术语定义。 定义列表相当于一个术语表，它提供了两种不同级别的信息：术语以及术语的定义。 字典、书后的术语表以及常见问答页，都是这种类型的列表。 定义列表包含在和标记内，每一个待定义的术语使用标记标识，而术语定义通过标记来表示。,定义列表示例,本章小结,本章首先介绍了对HTML文档中的文字、段落进行格式化的常见标记 文字级的格式化标记包括： 字体标记 字符格式化标记、等和特殊字符的表示法 段落级的格式化标记包括： 块标记、等； 标题标记 换行标记。 除了这些内容，还介绍了超链接锚站标记和列表标记。这些标记在HTML文档中被广泛使用。本章通过示例重点介绍了这些标记的一些常用属性，对于本章没有涉及到的同类标记和相关属性，读者可以查阅其他资料进一步了解。这章没有涉及网