你们好,最近小时空发现有诸多的小伙伴们对于html超链接标签,html超链接这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、 浏览网页时,点击链接将打开一个新的网页。这种链接网页的功能叫做超链接。标签可以用来给网页添加超链接。一个标签有两个重要的属性,一个是href,一个是target。
2、 href属性指定要打开的网页的路径,可以是相对路径,也可以是绝对路径。相对路径是指要打开的网页路径相对于当前网页文件所在目录所指向的路径,绝对路径是指要打开的网页文件所在的所有路径。
3、 绝对路径一般以http开头,后面是网页文件所在网站的路径。
4、 target属性用于指定如何打开新网页。在当前网页中打开新网页有几种方法。首先,浏览器打开用于打开新网页的新窗口。
5、 目标属性值设置为“_ blank”;二、浏览器在当前窗口打开一个新网页,当前网页的内容被新网页的内容覆盖,目标属性值设置为“_ self”;第三,在框架窗口中(这将在后面讨论),
6、 将target属性的值设置为“_parent”可以使新的网页充满整个浏览器窗口,框架窗口中的网页内容将被覆盖。但是,不建议在框架窗口中使用属性值“_parent”。
7、 因为这样会破坏框架窗的原有结构;第四,在多层框架窗口中,将target属性的值设置为“_top”可以使新网页填满整个浏览器窗口,即在多层框架的顶部框架中打开新网页。如果是单层框架,
8、 其功能与“_parent”一致;第五种是在框架窗口的指定窗口中打开一个新的网页。比如框架窗口有A、B、C三个页面,其中A是顶部导航窗口,B是左侧功能菜单窗口,C是右侧内容显示窗口。
9、 如果希望用户单击B页的功能菜单,并希望在C页窗口中打开一个新页面,可以将目标属性值设置为C页的名称。
10、 表1目标属性值
11、 示例1:通过在新窗口中打开链接的页面来打开A页面中的B页面。
12、 一个web文档(文件名为a.html)
13、 B Web文档(文件名为b.html)
14、 下图是浏览器的显示效果。从浏览器的显示效果可以看出,点击A页面上的“连接B页面”,浏览器会在新窗口中打开B页面。
15、 例2:在A网页中打开B网页,打开方式为在当前窗口中打开被链接网页。修改例1中A网页a标签的target属性值为“_self”。
16、 下图是浏览器显示效果,从浏览器显示效果可以看出,在A网页单击“链接到B网页”,浏览器在当前窗口打开B网页。
17、 例3:在A网页中打开图片,打开方式为在新窗口中打开图片。修改例1中A网页a标签的href属性值。
18、 下图是浏览器显示效果,从浏览器显示效果可以看出,在A网页单击“查看图片”,浏览器在新的窗口打开图片文件。
19、 例4:在A网页元素中设置书签,应用a标签定位到设置书签的元素。
20、 下图是浏览器显示效果。网页书签是指在网页内进行元素的定位,被定位的元素称为书签,书签也使用a标签。设置书签的方法是在需要定位的网页元素前添加a标签,并设置a标签的name属性。
21、 name属性是网页元素的通用属性,用于标识网页元素,是网页元素在网页中的唯一名称。HTML4.0后又定义了属性id,属性id和name具有相同的作用,为了能够和以前的版本兼容保留了name 属性,
22、 同时也可以使用id 属性。在定位网页内元素链接a标签的href属性中设置需要定位元素的名称,在定位元素名称前加“#”。例如,待定位a标签的name属性为“article1”,
23、 链接a标签的href属性设置为“#article1”。
以上就是html超链接这篇文章的一些介绍,希望对大家有所帮助。