第3章列表标签超链接标签框架标签.pptVIP

第三章 列表标记 超链接标记框架标记 （1）列表标记 有序列表 无序列表 有序列表和无序列表也可互相嵌套，如以下 HTML 代码所示（效果如图所示）： OL LI列表项1 LI列表项2 UL LI子列表项1 LI子列表项2 /UL LI列表项3 /OL （2）超链接标记 相对地址与绝对地址 什么是 URL 绝对 URL 与相对 URL 页面链接 锚点链接 电子邮件链接 使用图像映射 （3）框架标签 我们在讨论框架时通常是指一个网页是不是框架网页，是不是框架网页的决定因素就是在一个IE浏览器里有几个页面组成。最常见的框架网页就是电子邮件。我们在左边点击相应的信箱，在右边就打开信箱。这样的网页结构就称为框架网页。 * * 列表标记在网页中的应用也是很广泛的.列表的效果和我们在word的操作一样,当输入1等序列符号时,如果我们回车,此时则会自动产生2.在网页里也是一样.只不过此时我们得使用标记来定义. 列表主要分为: 有序列表 1. 创建有序列表 创建有序列表需要使用有序列表标记符 OL 和列表项标记符 LI，其中 LI 标记符的结束标记符可以省略，基本语法如下： OL LI列表项 1 LI列表项 2 LI列表项 3 /OL OL标记符具有两个常用的属性：type 和 start，分别用来设置数字序列样式和数字序列的起始值。start 属性的值可以是任意整数，type 属性的值如表 2-3 所示： 有序列表的 type 属性值 值 含义 1 阿拉伯数字：1、2、3 等，此选项为默认值 A 大写字母：A、B、C 等 a 小写字母：a、b、c 等 I 大写罗马数字：I、II、III、IV 等 i 小写罗马数字：i、ii、iii、iv 等 当位于 OL 标记符内时，LI 标记符具有两个常用的属性：type 和 value。type 属性用于设置数字样式，取值与 OL 的 type 属性相同；value 属性用于指定一个新的数字序列起始值，以获得非连续性的数字序列。 例如，以下 HTML 代码显示了如何创建不同的有序列表，效果如图所示。 有序列表示例 HTML HEAD TITLE有序列表示例/TITLE /HEAD BODY 用大写罗马字母表示的有序列表： OL type=I LI列表项1 LI列表项2 LI列表项3 /OL 起始数字为 3 的有序列表： OL start=3 LI列表项1 LI列表项2 LI 列表项3 /OL 编号不连续的有序列表 OLLI列表项1 LI列表项2 LI value=5列表项3/OL 变换了数字样式的有序列表 OLLI列表项1 LI列表项2 LI type=A列表项3 /OL /BODY /HTML 2. 有序列表的嵌套 以下HTML代码即显示了一个嵌套的有序列表，效果如图 2-12 所示。 HTML HEADTITLE嵌套的有序列表/TITLE/HEAD BODY H2嵌套的有序列表/H2 OL type=A LI列表项 1 OLLI子列表项 1LI子列表项 2LI子列表项 3/OL LI列表项 2 LI列表项 3 /OL /BODY /HTML 图 2-12 嵌套有序列表 无序列表 1 . 创建无序列表 以下 HTML 代码显示了如何创建无序列表，效果如图所示。 HTML HEADTITLE无序列表示例/TITLE/HEAD BODY 默认无序列表： ULLI列表项1LI列表项2LI列表项3/UL 使用方块作为列表项标记的无序列表： UL type=square LI列表项1LI列表项2LI列表项3 /UL 使用圆形作为列表项标记的无序列表： UL type=circle LI列表项1LI列表项2LI列表项3 /UL/BODY /HTML 混合嵌套列表 混合嵌套列表 文字超链接默认时有下划线，并且显示为蓝色。当浏览者将鼠标移动到超链接上时，鼠标指针通常会变成手形，同时在状态栏中显示出超链接的目标文件。另外，超链接包括多种不同的状态，可以在 body 标记符中设置 link 等属性来控制超链接颜色的显示。 HTML HEADTITLE超链接示例/TITLE/HEAD BODY link=red alink=green vlink=blue P这是一个A href=page2.htm超链接/A/P P欢迎参观我的A href=“”个人站点/A/P /BODY /HTML 在网页