ch3文字列表超链接.ppt

学习目标 掌握编号文字列表ol的用法 掌握项目符号文字列表ul的用法 掌握说明性文字列表dl的用法 掌握超连接的用法 文字列表概述 在HTML文档中，常用的文字列表有三种，它们分别是： 编号文字列表ol 项目符号文字列表ul 说明性文字列表dl 编号文字列表ol 编号文字列表又叫有序列表，其使用语法如下： ol li有序列表条目/li li有序列表条目/li … … /ol 项目符号文字列表ul 项目符号文字列表又叫无序列表，其使用语法如下： ul li无序列表条目/li li无序列表条目/li … … /ul li列表项标签 li标签主要用来定义列表中的条目，它既可以用来定义无序列表中的条目，也可以用来定义有序列表中的条目。 说明性文字列表dl 说明性文字列表又叫定义列表，其语法如下： dl dt定义列表条目/dt dd条目的说明/dd dd条目的说明/dd … … dt定义列表条目/dt dd条目的说明/dd dd条目的说明/dd … … … … /dl 绝对路径与相对路径 绝对路径：是以web站点的根目录或本地计算机的磁盘根目录到文件的完整路径。如：D:\ch3\test.html。 相对路径：是以当前文件或网页所在位置为参考基础，而建立的目录路径。如：ch3\test.html “.” ：代表目前所在的目录。 “..” ：代表上一级目录。 “/” ：用于链接路径中各目录名称。若置于盘符后，将代表根目录，如：“D:/”，这里的“/”就代表D盘的根目录。 超链接标签a-1 a href=“链接位置”超链接名称/a 链接到其他网页 a href=Introduce.html进入个人简介页面/a 链接到同一网页的某一部分 a name=“目标名称”超链接名称/a a href＝“#目标名称”＞超链接名称＜/a＞ a name=“祝福”祝福__张学友/a a href=#祝福祝福/a 超链接标签a-2 链接到其他网页的某一部分 a href＝“目标网页名称#目标名称”＞超链接名称＜/a＞ 链接到其他文件 a href=images/Computer.jpg target=_blank在新的窗口中显示图片/a 链接到电子邮件程序 a href=mailto:邮箱地址超链接名称/a 链接到其他站点的网页 a href=/index.html进入百度有哪些信誉好的足球投注网站/a 小结 编号文字列表是通过ol与/ol标签实现的，其中每一项要用列表项标签li来定义。 项目符号列表是通过ul与/ul标签实现的，其中每一项要用列表项标签li来定义。 说明性列表是通过dl与/dl标签实现的，其中dt标签用来定义列表中的每一项，另外你还可以用dd标签对每一项再进行说明。 绝对路径是指文件的完整路径；而相对路径是指以当前文件位置为基础而建立的路径。 a标签用来创建超链接，其中的href属性指定“链接位置”，而位于a与/a标签之间的字符串则是“超链接名称”。 第3章 文字列表超链接 主讲： 吴君胜 设置编号的开始序号，start属性值为整数， 例如：2或5等 start 设置列表中各条目文本的显示方向：其显示 方向有ltr(从左向右显示）、rtl(从右向左显示） 默认情况下为从左向右显示文本。 dir 设置编号的类型：其类型有1（数字）、 A（大写英文字母）、a（小写英文字母）、 I（大写罗马数字）、i（小写罗马数字） type 功能描述 ol标签属性 设置项目符号所显示的形式：其形式有 disc（●）、circle（○）、square（■）。 type 设置列表中各条目文本的显示方向：其显示 方向有ltr(从左向右显示）、rtl(从右向左显示） 默认情况下为从左向右显示文本。 dir 功能描述 ul标签属性 设置特定条目的编号，并会影响其后所有条目的 编号，因为只有有序列表才有编号，所以该属性 只有在有序列表中使用才会发挥其作用。 value 设置条目的类型，对于无序列表其type值可以为 disc（●）、circle（○）、square（■）；对于有 序列表其type值可以为1（数字）、A（大写英文 字母）、a（小写英文字母）、I（大写罗马数字） 、i（小写罗马数字） type 功能描述 li标签属性