详解HTML超链接元素

2024-10-12 19:32:37

1、在浏览网页中,单击一个链接就会打开一个新的网页,这种链接网页的功能称为超链接。在网殳陌抻泥页中添加超链接功能可以使用锾攒揉敫a标签,a标签有两个比较重要的属性,一个属性是href,一个属性是target。href属性指定要打开的网页路径,网页路径可以是相对路径,也可以是绝对路径。相对路径是指要打开的网页路径相对于当前网页文件所在的目录来指向的路径,绝对路径是指要打开的网页文件所在的全部路径,绝对路径一般以http开头,后面紧跟网页文件所在网站的路径。target属性用于指定打开新网页的方式。在当前网页打开一个新的网页,有以下几种方式。一是浏览器开启一个新的窗口用于打开新的网页,target属性值设置为“_blank”;二是浏览器在当前窗口打开新的网页,当前网页的内容被新网页的内容覆盖掉,target属性值设置为“_self”;三是在框架窗口中(关于框架窗口后面会讨论),将target属性值设置为“_parent”,可以让新的网页充满整个浏览器窗口,框架窗口中的网页内容被覆盖掉,不过在框架窗口中,不建议使用属性值“_parent”,因为这样就破坏了框架窗口原来的结构;四是在多层框架窗口中,将target属性值设置为“_top”,可以让新的网页充满整个浏览器窗口,也就是在多层框架中的顶层框架打开新的网页,如果是单层框架,其作用和“_parent”一致;五是在框架窗口中在指定的窗口打开新的网页。例如,框架窗口有A、B、C三个网页,A网页是顶部导航窗口,B 网页是左侧功能菜单窗口,C网页是右侧内容显示窗口,如果希望用户单击B网页的功能菜单时,希望新的网页在C网页窗口中打开,就可以将target属性值设置为C网页的名称。表格 1 target属性值

详解HTML超链接元素

3、B网页文档(文件名称为b.html)

详解HTML超链接元素

5、例2:在A网页中打开B网殳陌抻泥页,打开方式为在当前窗口中打开被链接网页。修改例1中A网页a标签的target属性值为“_self”。

详解HTML超链接元素

7、例3:在A网页中打开图片,打开方式为在新窗口中打开图片。修改例1中A网页a标签的href属性值。

详解HTML超链接元素

9、例4:在A网页元素中设置书签,应用a标签定位到设置书签的元素。

详解HTML超链接元素
猜你喜欢