课程主题 使用项目符号和列表超链接等标签设计网页-网页客户端技术 课程-1728976073439.pptx

;使用项目符号和列表、超链接等标签设计网页;使用项目符号和列表、超链接等标签设计网页;（2）超链接的路径

超链接在网站中的使用十分广泛，一个网站由多个页面组成，页面之间的关系就是依靠超链接来完成的。

在网页文档中，每一个文件都有一个存放的位置即路径，了解一个文件与另一个文件之间的路径关系对建立超链接是至关重要的。一般而言，对于含有图片、样式、JS脚本等元素的网站，文件数量通常很大，因此，都会分门别类地创建文件夹保存，如图片文件夹images、样式文件夹css、脚本文件夹js等，他们又会和网页文件一同存放在同一个文件夹中。

在制作网页时，需要弄清楚当前文件与网页站点文件夹的路径关系。;文件的路径通常有绝对路径和相对路径。绝对路径是指文件的完整路径，包括文件传输的协议http、ftp等，例如：、68，一般用于网站的外部链接。

相对路径是指相对于当前文件的路径，它包含了从当前文件指向目的文件的路径。采用相对路径是建立两个文件之间的相互关系，可以不受站点和所处服务器位置的影响。

相对路径中直接给出要链接的文件名，./表示在当前文件夹中，在HTML中可以省略；../表示上一级文件夹。;使用项目符号和列表、超链接等标签设计网页;（4）锚点链接的建立

锚点链接是链接到当前页面的不同位置，设置锚点链接需要通过a标签的name属性在目标

位置设置一个链接，然后再通过a标签的href属性链接到目标位置。例如：

a?href=#html点击到锚点链接/a??

?…

a?name=html锚点链接/a

说明：href=#html表示链接到name=html的位置，如果设置：href=#，表示链接到当前页面。

（5）邮箱链接

单击链接将跳转到给联系人发送e-mail的窗口，方便邮箱发送。例如：

a?href=mailto:taowangjiangxi@163.com邮箱地址/a;例1-11

给示例1-10中li加上超链接

;例1-11知识点：

超链接标签最常用的属性：href，规定链接指向的页面的URL；

超链接标签最常用的属性：target??规定在何处打开链接文档。各取值的含义如下：

_blank，目标文档在一个新打开、未命名的窗口中打开；

_parent，目标文档在当前文档的父窗口或当前框架集的父框架中打开，如果当前文档在窗口或顶级框架中，那么和_self等效；

_self，目标文档在源文档相同的框架或窗口中打开（默认）；

_top，目标文档会清除所有被包含的框架并在整个浏览器中打开；

framename，在指定框架名的框架中打开目标文档。;例1-12

链接到同一个页面的不同位置

;小结

项目符号和列表相关标签。

使用项目符号和列表标签制作菜单。

超链接标签a，及其常用属性href、target。

target各取值及其含义。

锚链接要点，ahref=“”，aname=“”;练一练

1）在网页设计时，使用哪个标记来完成超级链接。

A．a…/aB．p…/pC．link…/linkD．li…/li

2）在HTML文件中，使用a标记创建超链接，它的哪个属性表示链接到的地址？

A.tooltipB.srcC.hrefD.herf

3）下列哪一项是在新窗口中打开网页文档？

A．_selfB．_blankC．_topD．_parent

;练一练

4）下面哪一组标记不是定义列表中需要使用的标记。

A.dlB.dtC.doD.dd

5）dt和dd标记能在哪个标记中使用？

A.dlB.ulC.olD.li

6）在HTML文件中，可以使用多种列表标记对文字进行排列，其中ol标记的作用是？

A.有序列表B.无序列表C.定义列表D.目录列表;