网页设计基础-文本格式与超链接

第2章文本格式与超链接

（1）段落格式

本章目标

•掌握段落标记符p、断行标记符br、标题标记符h1~h6、水平线标记符hr的用法。

•理解物理字符样式和逻辑字符样式。

•掌握使用ol/ul 和 li 标记符创建列表。

•掌握使用 a 标记符创建页面链接和锚点链接。

段落格式

•段落格式是指针对 HTML 文档中的段落所设置的格式，例如段落的对齐方式。•还有哪些段落格式？

•首行缩进是不是段落格式？段间距呢？

分段标记符

•分段标记符用于将文档划分为段落，标记为

。

•换行标记符用于在文档中强制断行，标记为一个单独的
。

标题样式

•hn 标记符 = 各级标题

•n 是1至6的数字；h1表示最大的标题，h6表示最小的标题。

•注意：使用标题时应按照其逻辑含义，而不是按照其显示效果！

添加水平线

•添加水平线的标记符为hr，它包括以下属性：–size （粗细）

–width （长度）

–noshade （实线）

align 属性

•align 属性用于设置段落的对齐格式，取值：right（右对齐）、left（左对齐）、center（居中对齐）和 justify（两端对齐）。

•align 属性可应用于多种标记符，例如p、hn（标题标记符）、hr 等。

•注意：在学习了CSS技术之后应避免使用align属性。

第2章文本格式与超链接（2）字体格式与列表

字体格式

•字体格式/字符格式是指针对段落中的部分文字所设置的格式，通常包括：字体样式、字号、文字颜色等。

•注意：字体格式属于显示效果的设置，因此应主要使用CSS技术来实现。

物理字符样式

•物理字符样式是指标记符本身说明了所修饰的效果。

•常用物理字符样式标记符有：–黑体标记

–斜体标记

–下划线标记

逻辑字符样式

•逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义，例如address标记符。

•常用逻辑字符样式：

–

–

–

•有序列表是一种在表的各项前显示有数字或字母的缩排列表，表示一种顺序的关系。

•定义有序列表的语法如下：

1. List item 1
2. List item 2

•属性type用来设置数字序列样式，取值为：1、A、a、I、i。

•无序列表是一种在表的各项前显示有特殊项目符号的缩排列表，表示并列关系。

•定义无序列表的语法如下：

• List item 1
• List item 2

文本元素总结

块元素

•h#

•p

•pre •address •blockquote 行内元素•em •strong •sub

•sup

换行

•br 通用元素•div •span

列表•ul

•ol

•li

展示元素•b

•i

•u •small •hr

核心文档结构元素

•h1~h3

•p

•ul, ol, li

谢谢！

第2章文本格式与超链接

（3）超链接

超链接基础

• URL（Universal Resources Locator）用于定位Web上的文档信息。

•一个 URL 包括 3 部分：协议、计算机地址、文件路径。•协议：//计算机/文件路径

超链接基础——绝对URL

•绝对URL是指资源的完整地址，包括所有3个部分，即：•协议：//计算机/文档名

•相对URL是指Internet上资源相对于当前页面的地址，它包含从当前页面指向目标页面位置的路径。

•使用相对URL的好处：易于维护

•使用相对URL时，经常使用两个与DOS类似的符号：–句点（.）表示当前目录

–双重句点（..）表示当前目录的上一级目录

•根据超链接的目标文件不同，分为：–网页之间的超链接

–页面内的超链接

–文件下载超链接

–Email超链接

–空超链接

•根据超链接源对象的不同，分为：–文本超链接

–图像超链接（包括图像映射）

–对象超链接（例如Flash、Java小程序）•根据超链接实现方式的不同，分为：–HTML超链接

–JavaScript超链接

–对象超链接

创建超链接

• a 标记符用于创建超链接，href 属性用于指定超链接的目标文件。

•内部网页超链接： 关于魔兽世界

•外部网页超链接：

•使用页面内的超链接，首先需要定义锚点，然后在超链接中指向该锚点。定义锚点应使用•指向锚点的超链接为：link

•指向其他页面内锚点的超链接：link

•blank link

•夜雨寄北