第3章_文档格式化.ppt

《第3章_文档格式化.ppt》由会员分享，可在线阅读，更多相关《第3章_文档格式化.ppt（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.13.1HTMLHTML网页设计网页设计顾问顾问:邯郸清华万博教职邯郸清华万博教职部部Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.23.2第三章第三章 文档格式化文档格式化Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.33.3本章结构本章结构u文字格式化文字格式化u超链接和锚站超链接和锚站u段落格式化段落格式化u使用列表使用列表u小结小结u思考题思考题Copyright 20

2、10-2012 Hdwnt Inc.All Rights Reserved.1.43.4文字格式化文字格式化添加标准文字添加标准文字u网网页页中中最最重重要要的的内内容容之之一一就就是是文文字字，添添加加文文字字是是一一件件最最容容易易的的工工作作，任任何何置置于于和和标标记记之之间间的的文文字字都都会会在在浏浏览览器器中中显显示示出出来来。当当然然文文字字很很可可能能是是置置于于其其他他标标记记之之间间，如如表表格格的的单单元元格格标标记记和和之之间间。无无论论哪哪种种情情况况，只只要要把把文文字字填填于于内内容容标标记记之之内内，它它们们就就会会显显示示在在浏浏览器窗口适当的范围内。览器窗

3、口适当的范围内。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.53.5文字格式化文字格式化改变文字属性改变文字属性 u给给HTML网网页页添添加加标标准准文文字字后后，还还要要指指定定文文档档中中的的文文字字属属性性，如如字字体体类类型型、颜颜色色和和文文字字的的相相对对大大小小。HTML4.0标标准准中中有有一一个个字字体体标标记记，该该标标记记包包含含控控制制文文字字特特性性的的属性。属性。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.63.6标记示例标记示例Copyrigh

4、t 2010-2012 Hdwnt Inc.All Rights Reserved.1.73.7文字格式化文字格式化格式化文字格式化文字uHTML中中对对文文字字进进行行格格式式化化的的标标记记分分为为两两类类：物物理理的的和和逻逻辑的。辑的。n物物理理标标记记：包包括括用用于于指指定定粗粗体体的的标标记记和和用用于于指指定定斜斜体的体的标记等，它们指定文字应该如何显示。标记等，它们指定文字应该如何显示。n逻逻辑辑标标记记：如如标标记记和和标标记记，它它们们指指定定文文字字的的性性质质，但但不不指指定定文文字字该该如如何何显显示示。一一般般来来说说，逻逻辑元素的使用相对较少。辑元素的使用相对较

5、少。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.83.8物理的字符格式化物理的字符格式化Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.93.9逻辑格式化标记逻辑格式化标记Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.103.10文字格式化文字格式化特殊字符特殊字符Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.113.11超链接和锚站超链接和锚站u线线性性信信息息：

6、指指按按照照直直线线发发展展的的信信息息，从从某某点点开开始始，按按照照某某一一路路径径，到到另另外外一一点点结结束束。线线性性文文本本的的上上下下文文是是连连贯贯的的，必必须须根根据据前前文文内内容容来来理理解解下下文文。所所以以，必必须须按按照照编编排排好好的的顺序阅读内容，否则会难以理解文本。顺序阅读内容，否则会难以理解文本。u非非线线性性文文本本：杂杂志志和和字字典典是是非非线线性性文文本本的的典典型型范范例例。读读者者可可以以随随意意读读取取杂杂志志中中的的某某篇篇文文章章，或或者者从从字字典典里里任任意意查查找找一一个个词词汇汇。这这种种阅阅读读的的形形式式就就是是非非线线性性的的

7、，因因为为不不必必阅阅读读从杂志首页到这篇文章开始的所有中间页面。从杂志首页到这篇文章开始的所有中间页面。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.123.12超链接和锚站超链接和锚站超链接超链接u万万维维网网是是典典型型的的非非线线性性系系统统。在在超超文文本本（hypertext）领领域域里里，信信息息被被划划分分为为若若干干小小的的易易于于管管理理的的单单元元，这这种种单单元元叫叫做做结结点点。各各种种链链接接嵌嵌入入在在这这些些结结点点中中，可可以以通通过过点点击击链链接接的的方方式式从从一一个个超超文文本本文文件件移移动动

8、到到另另一一个个。这这种种连连接接不不同同超超文文本本文文件件的的方方式式称称为为超超链链接接（hypertext links，超超文文本本链链接接）。使使用用链链接接在在各各个个结结点点中中导导航航的的过过程程称称为为浏浏览览。通通过过超超链链接接而而相相互互连连接接的的一一组组结结点点称称为为Web，它它使使得得万万维维网网成成为一个全球性的超文本系统。为一个全球性的超文本系统。u如如果果没没有有超超链链接接，Web将将成成为为一一堆堆相相互互独独立立的的没没有有关关系系的的文文件件个个体体，而而不不是是像像现现在在这这样样成成为为一一个个既既相相互互联联系系又又相相互互制制约约的的整整体

9、体。Web站站点点通通过过对对超超链链接接进进行行规规划划，人人们们就就很很容易在站点里找到所需的信息。容易在站点里找到所需的信息。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.133.13超链接和锚站超链接和锚站锚站元素锚站元素u在在HTML中中定定义义超超链链接接，最最主主要要的的方方法法是是使使用用锚锚站站元元素素，用用标标记记表表示示。理理论论上上每每个个超超链链接接包包含含两两个个组组成成部部分分：源和目的地。锚站元素的一般语法如下：源和目的地。锚站元素的一般语法如下：n超链接文字超链接文字nhref（hypertext re

10、ference）属属性性指指明明了了链链接接页页的的URL，即超链接链接到的文本地址。，即超链接链接到的文本地址。nURL值值是是URI的的一一种种，它它的的语语法法可可以以参参考考第第一一章章中中关关于于URI属性的内容。属性的内容。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.143.14超链接示例超链接示例Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.153.15超链接和锚站超链接和锚站命名锚站命名锚站u使使用用了了name属属性性的的锚锚站站称称为为命命名名锚锚站站，它它

11、用用于于创创建建指指向向同同一一页页面面中中指指定定位位置置的的链链接接，以以便便直直接接跳跳到到此此位位置置，而而不不是是像像一一般般锚锚站那样在不同页面间跳转。命名锚站的一般语法格式为：站那样在不同页面间跳转。命名锚站的一般语法格式为：锚站锚站An属属性性name的的值值“书书签签名名”用用来来标标示示“锚锚站站A”在在HTML文文档档中的位置。中的位置。n要要找找到到命命名名锚锚站站所所在在的的位位置置，就就必必须须使使用用。例例如如，要找到上述锚站，就要编写如下代码：要找到上述锚站，就要编写如下代码：点击此处将使浏览器跳到锚站点击此处将使浏览器跳到锚站A处处n注注意意：href属属性性

12、赋赋的的值值若若是是锚锚站站的的name属属性性值值，则则必必须须在在书书签名前边加一个签名前边加一个“#”号。号。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.163.16命名锚站示例命名锚站示例Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.173.17超链接和锚站超链接和锚站 email链接链接u在在HTML网网页页中中可可以以直直接接指指定定email链链接接，方方法法同同普普通通超超链链接接类类似似。不不同同的的是是超超链链接接在在href属属性性中中指指定定一一个页面地

13、址，而个页面地址，而email链接是指定一个链接是指定一个email地址。地址。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.183.18段落格式化段落格式化u浏浏览览器器不不能能直直接接识识别别多多个个空空格格这这样样的的特特殊殊字字符符，其其实实类类似似Tab键键和和回回车车这这样样的的字字符符也也不不能能被被浏浏览览器器直直接接识识别别。为为了了体体现现出出文文本本中中的的段段落落缩缩进进、换换行行等等格格式式，HTML中中定定义义了了一一些些用用于于将将文文档档分分成成多多个个部部分分的的标标记记，统统称称为为段段落落格格式式化

14、化标记标记Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.193.19段落格式化段落格式化段落标记段落标记u最最常常用用的的段段落落格格式式化化标标记记是是标记。标记。u被被包包含含的的文文字字构构成成了了一一个个逻逻辑辑段段落落单单位位，通通常常浏浏览览器器将将在在段段落落前前放放置置一一个个或两个空行。或两个空行。u内内的的文文字字通通常常以以左左对对齐齐的的方方式式显显示示，可可以以用用align属属性指定段落的对齐方式。性指定段落的对齐方式。u常常用用的的对对齐齐方方式式有有：左左对对齐齐、右右对对齐齐、居居中中对对齐齐等等，对对

15、应应的的属属性性值值分分别别为为left、right和和center。align属属性性可可以以在在任任何何开开放放式式段段落落级级标标记记中中使使用。用。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.203.20段落格式化段落格式化其他锻炼标记其他锻炼标记u除除了了标标记记，还还有有一一些些标标记记，例如：例如：nnnnCopyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.213.21段落格式化段落格式化预格式化段落标记预格式化段落标记u标标记记使使文文本本以以录录入入的的原原样样显显

16、示示，即即保保留留预预先先定定义义的的格格式式。该该标标记记主主要要用用于于显显示示程程序序代代码或类似的信息。码或类似的信息。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.223.22段落格式化段落格式化标题标题u标标题题是是一一段段文文本本的的主主题题，标标题题可可以以按按照照所所包包含含信信息息内内容容的的逻逻辑层次进行组织。辑层次进行组织。uHTML提提供供六六个个级级别别的的标标题题：从最大的从最大的到最小的到最小的。u在在标标题题标标记记内内的的文文本本根根据据级级别别自自动动格格式式化化，并并且且通通常常都都为为粗粗体字。

17、体字。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.233.23段落格式化段落格式化标题对齐标题对齐u适适用用于于段段落落标标记记的的align属属性性同同样样也也可可以以用用在在标标题题标记中。标记中。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.243.24段落格式化段落格式化换行与空行换行与空行u标标记记，它它是是一一个个换换行行标标记记，即即在在某某一一行行的的特特定位置断开这一行。定位置断开这一行。Copyright 2010-2012 Hdwnt Inc.All Ri

18、ghts Reserved.1.253.25段落格式化段落格式化使用水平线使用水平线u水水平平线线可可以以把把页页面面划划分分为为几几个个部部分分。一一般般来来说说，较较长长的的文文本本段段落落应应该该用用水水平平线线分分开开。这这样样做做可可以以使使文文档档设设计计更更规规范范，也也可可以以显示信息的变化。绘制水平线以及设置其属性的语法如下：显示信息的变化。绘制水平线以及设置其属性的语法如下：n以上属性都是可选的。以上属性都是可选的。nwidth属属性性：可可以以用用像像素素值值大大小小表表示示，也也可可以以用用浏浏览览器器窗窗口口宽度的百分比表示。宽度的百分比表示。nsize属性：只能用像

19、素大小表示，默认为属性：只能用像素大小表示，默认为3个像素。个像素。nnoshade属性：使得水平线在显示时周围没有阴影效果。属性：使得水平线在显示时周围没有阴影效果。n很多浏览器还指定了其他一些属性，如很多浏览器还指定了其他一些属性，如color。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.263.26段落格式化段落格式化水平线示例水平线示例Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.273.27使用列表使用列表u在在现现实实网网页页中中，列列表表是是无无处处不不在在的的。

20、产产品品目目录录、电电话话号号码码簿簿等等都都用用到到了了不不同同形形式式的的列列表表。实实际际上上，列列表表是是以以结结构构化化方式组织和显示信息的最好方法。方式组织和显示信息的最好方法。uHTML中有三种列表：中有三种列表：n有序列表有序列表n无序列表无序列表n定义列表。定义列表。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.283.28使用列表使用列表有序列表有序列表u有有序序列列表表是是指指包包含含有有顺顺序序内内容容的的列列表表，可可以以用用来来表表示示连连续续的的信信息息。顺顺序序一一般般用用数数字字表表示示顺顺序序，如如阿

21、阿拉拉伯伯数数字字、英英文文字字母母或或罗罗马马数数字字等等。有有序序列列表表包包含含在在标标记记和和中中，列列表表项项用用标记来定义：标记来定义：第第1项项第第2项项 第第n项项u标标记记有有两两个个基基本本属属性性：type和和start。type属属性性可可以以设设置置列列表表的的编编号类型号类型Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.293.29有序列表示例有序列表示例Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.303.30使用列表使用列表无序列表无序列表u无无序

22、序列列表表使使用用和和标标记记，它它包包含含的的内内容容项项没没有有指指定定顺顺序序，表表示示彼彼此此相相关关但但却却不不遵遵循循某某一一顺顺序序的的一一组组信信息息。无无序序列列表表的的每每一一项项不不再再用用编编号号表表示示，而而是是用用某某种种类类型型的的标标志志（如如实实心心圆圆、空空心心圆圆圈圈等等）表表示示。一个典型的无序列表如下定义：一个典型的无序列表如下定义：第第1项项第第2项项 第第n项项u列列表表项项标标志志可可以以通通过过标标记记的的type属属性性来来设设置置。type属属性性可可以以选选择择以下几项之一：以下几项之一：ncircle：空心圆点：空心圆点nsquare：

23、方块：方块ndisc：实心圆点：实心圆点Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.313.31无序列表示例无序列表示例Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.323.32使用列表使用列表列表嵌套列表嵌套Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.333.33使用列表使用列表定义列表定义列表u定定义义列列表表是是一一种种特特殊殊的的列列表表，每每一一个个列列表表项项都都包包括括成成对对出出现的术语和术语定义。现的

24、术语和术语定义。u定定义义列列表表相相当当于于一一个个术术语语表表，它它提提供供了了两两种种不不同同级级别别的的信信息：术语以及术语的定义。息：术语以及术语的定义。u字字典典、书书后后的的术术语语表表以以及及常常见见问问答答页页，都都是是这这种种类类型型的的列列表。表。u定定义义列列表表包包含含在在和和标标记记内内，每每一一个个待待定定义义的的术术语语使用使用标记标识，而术语定义通过标记标识，而术语定义通过标记来表示。标记来表示。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.343.34定义列表示例定义列表示例Copyright 201

25、0-2012 Hdwnt Inc.All Rights Reserved.1.353.35本章小结本章小结u本章首先介绍了对本章首先介绍了对HTML文档中的文字、段落进行格式化的常见标记文档中的文字、段落进行格式化的常见标记n文字级的格式化标记包括：文字级的格式化标记包括：字体标记字体标记字符格式化标记字符格式化标记、等和特殊字符的表示法等和特殊字符的表示法n段落级的格式化标记包括：段落级的格式化标记包括：块标记块标记、等；等；标题标记标题标记换行标记换行标记。u除除了了这这些些内内容容，还还介介绍绍了了超超链链接接锚锚站站标标记记和和列列表表标标记记。这这些些标标记记在在HTML文文档档中中

26、被被广广泛泛使使用用。本本章章通通过过示示例例重重点点介介绍绍了了这这些些标标记记的的一一些些常常用用属属性性，对对于于本本章章没没有有涉涉及及到到的的同同类类标标记记和和相相关关属属性性，读读者者可可以以查查阅阅其其他他资资料料进进一一步步了了解解。这这章章没没有有涉涉及及网网页页中中图图像像的的使使用用，而而图图像像信信息息在在web中占有重要的地位，将在下一章中详细介绍。中占有重要的地位，将在下一章中详细介绍。Copyright 2010-2012 Hdwnt Inc.All Rights Reserved.1.363.36思考题思考题uHTML中怎样改变字体属性，怎样格式化文字？中怎样改变字体属性，怎样格式化文字？uHTML中有哪些特殊字符，怎样表示？中有哪些特殊字符，怎样表示？uHTML中怎样使用超链接？中怎样使用超链接？u试试列列举举HTML中中常常见见的的段段落落格格式式化化标标记记，它它们们各各自自有有哪哪些些主要属性？主要属性？u怎样给网页添加水平线？怎样给网页添加水平线？uHTML中有哪几种列表，分别怎样定义？中有哪几种列表，分别怎样定义？