第3章-HTML5的基本页面元素HTML5与CSS3-Web前端开发技术-PPT课件.ppt

第3章HTML5的根本页面元素(HTML5与CSS3Web前端开发技术)

3.2列表元素1.有序列表标记ol有序列表是一个工程的序列，各工程前标有数字以表示顺序。有序列表由ol/ol标记对实现，在ol/ol标记之间使用成对的li/li标记添加列表工程。

3.2列表元素type属性可以修改有序列表序号的样式start属性可以设置列表序号的起始值。type属性的具体取值及说明如表3-1所示。属性值说明1数字1、2…a小写字母a、b…A大写字母A、B…i小写罗马数字i、ii、iii…I大写罗马数字Ⅰ、Ⅱ、Ⅲ…表3-1 有序列表type属性及说明

3.2列表元素1有序列表标记ol

3.2列表元素2.无序列表标记ul无序列表不用数字而采用一个符号标志每个工程。无序列表由成对的ul/ul标记对实现，ul/ul标记之间使用成对的li/li标记可添加列表工程。无序列表的语法格式如下:

3.2列表元素2.无序列表标记ul默认情况下，无序列表的每个列表工程前显示黑色实心圆点。可以使用type属性修改无序列表符号的样式，type属性的具体取值及说明如表3-2所示，其中，type属性值必须小写。表3-2 无序列表type属性值及说明属性值说明disc实心圆点（默认）circle空心圆圈square方形

3.2列表元素2.无序列表标记ul

3.2列表元素3.自定义列表dl自定义列表不是一个工程的序列，它是一系列工程和它们的解释。自定义列表以dl标记开始，自定义列表工程以dt开始，自定义列表的解释以dd开始。

3.2列表元素自定义列表实例

3.3超链接元素超链接通常使用标记a来定义，具体链接对象通过标记中的href属性来设置。可以将当前文档称为链接源，href的属性值便是链接目标。定义超链接的语法格式。ahref=urltarget=target-windows链接标题/a?href属性定义了链接标题所指向的目标文件的URL地址。?target属性指定用于翻开链接的目标窗口，默认方式是原窗口。

3.3超链接元素2.超链接类型内部链接将超链接标记a中href属性的URL值设置为相对路径，就可以在HTML文件中定义内部超链接。外部链接外部链接指网页中的链接标题可以链接到网站外部的文件，需要定义外部链接时，在超链接标记a中，将其href属性的URL值设置为绝对路径即可。书签链接如果有的网页内容特别多，页面特别长，需要不断翻页才能看到想要的内容，这时，可以在页面中〔一般是页面的前部〕定义一些书签链接。

3.3超链接元素超链接实例

3.3超链接元素3.超链接路径绝对路径绝对路径指文件的完整路径，包括文件传输的协议HTTP、FTP等，一般用于网站的外部链接，例如：://sohu和。相对路径相对路径是指相对于当前文件的路径，它包含了从当前文件指向目的文件的路径，适用于网站的内部链接。相对位置输入方法举例同一目录直接输入要链接的文档名index.html链接上一目录先输入“../”，再输入目录名../images/pic1.jpg链接下一目录先输入目录名，后加入“/”videos/v1.mov表3-4 相对路径使用方法

3.3超链接元素根路径根路径的设置以“/〞开头，后面紧跟文件路径，例如：/download/index.html。根路径的设置也适用于内部链接的建立，一般情况下不使用根路径。根路径必须在配置好的效劳器环境中才能使用。

3.3超链接元素!--demo0308.html--……divimgsrc=images/header.jpgstyle=width:980px;height:237px;title=花花旅游在线banner//divspanstyle=width:323px;float:left;ulli旅游须知/liulliahref=a1.html参加旅行社本卷须知/a/liliahref=a2.html旅游保险常识/a/li/ulli旅游景点/liulliahref=b1.html广场/建筑/a/liliahref=b2.html博物馆/纪念馆/展览馆/a/liliahref=b3.html主题公园/游乐场/a/liliahref=b4.html海水浴场/嬉水游泳馆/a/li/ul/ul/span......

3.4图像元素和多媒体元素1.图像标记img利用img标记插入图像是网页中最常用的图像插