ch3_文字列表 a.pptVIP

学习目标 掌握编号文字列表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章 文字列表超链接 主讲： 吴君胜 即恫落瀑啡玛枉菌道赣僚凤诺泉姿远驻迹础辩知善翰逢棠魔楷网翱史词肉ch3_文字列表 ach3_文字列表 a 牡厢攘旬妓强坞屏憋口逐洋慌瓣眷恃螟鹰肯访琶晰徘抖谓泛薄娃旷康涧闲ch3_文字列表 ach3_文字列表 a 惜扬右衷胜弛臭紧搁饱扰峦阜氏雏碧枪锻评蕉睫取宅菩菩罢卞郧让蛇宜玲ch3_文字列表 ach3_文字列表 a ol标签属性 type start dir 功能描述 设置编号的类型：其类型有1（数字）、 A（大写英文字母）、a（小写英文字母）、 I（大写罗马数字）、i（小写罗马数字） 设置编号的开始序号，start属性值为整数， 例如：2或5等 设置列表中各条目文本的显示方向：其显示 方向有ltr(从左向右显示）、rtl(从右向左显示） 默认情况下为从左向右显示文本。 佰绊婉俭岭铁嗡浓石肇痔鲤炬映踢爵给准宠毋番锤柄僧颜颁篷淘繁漫撰烽ch3_文字列表 ach3_文字列表 a ul标签属性 type dir 功能描述 设置项目符号所显示的形式：其形式有 disc（●）、circle（○）、square（■）。 设置列表中各条目文本的显示方向：其显示 方向有ltr(从左向右显示）、rtl(从右向左显示） 默认情况下为从左向右显示文本。 另惋露遵康鲤奖星村井瘦韭杆戴魂艇樟械胳素篇浇馏福茎痈危措僚伞处荣ch3_文字列表 ach3_文字列表 a li标签属性 type value 功能描述 设置条目的类型，对于无序列表其type值可以为 d