JavaScript程序的设计（第2版）02.HTML文档中的常用标记.pptVIP

* * HTML文档中的常用标记 本讲大纲： 1、文字标记 2、段落标记 3、列表标记 4、超链接标记 5、图像标记 6、表格标记 7、框架标记 8、多媒体标记 文字标记 　　文字是网页重要的组成部分之一，通过使用标题标记文字、文字格式标记和文字样式标记来改变枯燥乏味的文字，可以使浏览者更有效的浏览网页。下面将对标题标记、文字格式标记和文字样式标记进行介绍。 1.标题标记hn…hn 在浏览网页时常常看到一些标题文字，用来划分各个章节，在HTML文档中可以使用标题标记来指明页面上的标题。标题标记包含6种标记H1到H6，分别表示6个级别的标题，每一个级别的字体大小都有明显的区分，从1~6以递减的形式表示，1级标题的字号为最大，6级标题字号为最小。每个标题标记所标识的文字将独占一行且上下留一空白行。语法格式如下： h1标题/h1 h2标题/h2 … 例3-5 下面使用hn…/hn标题标记来演示各级标题的区别。程序代码如下： html head title标题文字效果/title /head body h11级标题/h1 h22级标题/h2 h33级标题/h3 h44级标题/h4 h55级标题/h5 h66级标题/h6 /body /html 保存文件，并在IE浏览器中运行该文件，结果如图3-5所示。 图3-5 标题标记运行结果 2.文字格式标记font…/font 在网页中普通文字信息是必不可少的，为了使页面效果变的更加美观，可以使用文字格式标记改变枯燥的文字信息。文字格式标记用于设置文字大小、字体效果和文字颜色，其常用的属性及其说明如表3-1所示。 表3-1 文字格式标记常用属性及其说明 FONT标记应用于文件的主体标记BODY与/BODY之间，并且只影响它所标识的文字。 例3-6 下面通过FONT标记的FACE属性定义字体为“黑体”，通过SIZE属性定义大小为“16px”，通过COLOR属性定义颜色为粉色，代码如下： html head title定义文字字体/title /head body 应用font标记定义文字字体： br font face=黑体,宋体 size=6px color=#FF00FF努力不一定成功，放弃必定失败/font /body /html 　　HTML为一些特殊的字符设置了特殊的代码。字符的实体名称都以一个“”符号开始，以一个“；”符号结束。在上面的代码中，特殊符号“”用“lt;”HTML标记表示，特殊符号“”用“gt;”HTML标记表示。另外，为了使页面更加清晰、整齐，使读者一目了然。这里应用了换行标记br。 文件，并在IE浏览器中打开该文件，运行结果如图3-6所示 图3-6 FONT字体标记的应用 3．文字样式标记 在浏览页面时，常常可以看到页面中会出现一些特殊样式的文字，例如粗体字、斜体字、带删除线的文字等。这些样式可以使用HTML文档提供一些文字样式标记来实现。常用的文字样式标记及说明如表3-2所示。 表3-1 文字格式标记常用属性及其说明 2．换行标记br 在页面中一行文字达到一定长度浏览器会对其自动换行，如果文字未达到一定长度可以使用换行标记br对其强制换行。换行标记是单标记。 html head title换行标记的应用/title /head body 人品胜于能力,br人品和素质，br常常比资历和经验更为重要。 /body /html 例3-9 下面应用换行标记将一行文字分为三行显示。程序代码如下： 保存文件，并在IE浏览器中打开该文件，运行结果如图3-9所示。 图3-9 换行标记应用 列表标记 列表是比较常用的数据排列形式，对比较复杂的数据通过使用列表，可以使数据变的更为清晰。下面将介绍在网页中的两种列表标记，无序列表标记和有序列表标记。 ul li第一项 li第二项 li第三项 … ul 1．无序列表标记 无序列表标记用于提供一种不需要编号的列表形式。在每一个项目文字前，以符号作为每项的表示 语法： ul/ul标记表示一个无序列表的开始标记和结束标记，li表示一个项目的开始。ul标记常用属性为type，此属性表示无序列表的项目符号样式，其属性值如表3-3所示。disc为默认值。 表3-3 type属性值及样式 html head title无序列表标记的应用/title /head body h3图书种类/h3 ul type=circle li计算机类/li li教材类/li li杂志类/li li文学类/li /u