超链接、浮动框架汇编.ppt

授课教师：黄彩霞 E-MAIL：906037985@ 复习 (4)定义列表 dl dt 名词1 /dt dd 解释1/dddd 解释2/dd dd 解释3/dd dt 名词2 /dt dd 解释1/dddd 解释2/dd dd 解释3/dd /dl 注意：dt标记表示名词；dd标记表示对名词的解释。 2.4.3 超链接标记 HTML文件最重要的特性之一就是超链接，通过网页上所提供的链接功能，用户可以链接到网络上的其他网页。 如果网页上没有超链接，就不得不在浏览器地址栏中一遍遍地输入各网页的URL地址了，这样也就无法体现互联网的优点了。 在HTML语言中，利用a标记在网页中创建超链接，一般语法格式如下： a href = URL 超链接的文字或图像/a 2.4.3 超链接标记 网页上的超链接有多种：文字链接、图片链接、页面内部链接等等。 文字设置为超链接后，默认显示为加下划线的蓝色字体；图像设置为超链接后，会自动加一个黑色的边框。 2.4.3 超链接标记 超链接标记属性 （1）href属性：是a标记的最重要的属性，用来放置超链接的目标地址，可以是本网站内部的某个HTML文件，也可以是外部网站某个网页的URL地址。 2.4.3 超链接标记 URL(统一资源定位器)：每一个网页在互联网上都有唯一的地址。 URL的格式 2.4.3 超链接标记 URL的类型：绝对URL和相对URL 如：/jj/jigou.html 相对URL的优点：当用户将包含所有文件的文件夹整体迁移到不同的服务器或其他位置时，文件之间的超链接仍可以正常链接。 如： href=“index.html” //index.html是本地当前路径下的文件 href=“web/index.html” href=“../index.html” href=“../../index.html” 有如下目录结构： 2.4.3 超链接标记 超链接标记属性 （2）target属性：设定链接页面显示的目标窗口，默认情况下，目标页面在同一个窗口中显示。如果要在点击某个链接以后，打开一个新的浏览器窗口，在这个新窗口中显示目标页面，就需要在a标记中设置“target”属性。 2.4.3 超链接标记 超链接标记属性 （3）title属性：设置鼠标经过超链接时显示的文字提示。 （4）name属性：指定元素的名称，可用于设置网页中的某个位置（锚点）。 创建超链接的方式 超链接的文件可以是任意类型：.html 、jpg、.word、.ppt、.zip等等。 2.4.3 超链接标记 创建电子邮件链接 在某些网页中，单击某个超链接以后，会自动打开电子邮件客户端软件，向某个特定的E-mail地址发送邮件。此类链接类似于URL的链接方式，例如： 2.4.3 超链接标记 创建页面内部链接 超链接不仅可以跳转到其他网页，也可以在本页内跳转(也可称为书签(锚点)链接)。 在制作网页时，可能会出现网页内容比较长的情况，用户浏览网页时会很不方便，利用锚点链接解决该问题。 2.4.3 超链接标记 创建页面内部链接(锚点链接) 要在当前页面内实现超链接，需要定义两个标记：一个为超链接标记，另一个为书签标记。 (1)用a标签的属性href的值来确定跳转的目标名称 即超链接标记的格式为： 如：a href=“#目标名称”链接文字/a (2)设置相应的跳转目标位置(锚点)，即书签标记在a的name属性中定义： 如：a name=“目标名称”链接目标文字/a 2.4.3 超链接标记 创建图像的热点区域链接 所谓图像的热点区域就是将一幅图像划分出若干个链接区域，当访问者单击不同的区域时，就会链接到不同的目标页面。 2.4.3 超链接标记 img src=stars.jpg border=0 usemap=#Map1 map name=Map1 area shape=rect coords=23,28,111,81 href=# area shape=circle coords=187,57,33 href=# area shape=poly coords=271,12,321,23,321,80,275,87,251,49 href=# /map 2.4.3 超链接标记 2.4.3 超链接