前端基础入门（6）超链接

最新推荐文章于 2023-11-16 22:37:56 发布

前端奇妙妙

最新推荐文章于 2023-11-16 22:37:56 发布

阅读量1.4k

点赞数

分类专栏： IT web前端程序员编程资讯科技 JavaScript vue 框架文章标签：程序员编程 web前端资讯科技

本文链接：https://blog.csdn.net/fenghulun/article/details/91348109

版权

超链接–文字链接
超链接【hyperlink】是网页中最为常见的元素之一，我们几乎可以在所有的网站页面中找到超链接。每个网站都不止一个页面，这些页面就是利用超链接进行串接。超链接帮我们实现了网页与网页之间的跳转。

文字链接：我们可以使用超链接标签<a><a/>实现文字链接。设置了链接的文字默认样式为蓝色文字，有下划线。<a><a/>标签实现超链接有两个属性需要设置：

? href属性：表示点击该超链接将要跳转到的页面地址，该地址可以是当前页面的相对地址，也可以直接跳转到另外一个网站。

? target属性：该属性设置超链接页面的打开方式。target属性有四个取值，这里，只说明常用的两个，【_self】是默认值，表示在浏览器当前窗口打开超链接的页面，【_blank】表示新建一个空白浏览器窗口，在新的窗口打开超链接页面。

来个例子看看：新建三个HTML页面文件，网页1里面设置三个超链接，分别链接到百度、网页2、网页3。

网页一代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <!--第一个超链接，链接到百度，在浏览器新的窗口打开-->
    <a href="http://www.baidu.com" target="_blank" >链接到百度</a>
    <!--第二个超链接，链接到网页二，在浏览器新的窗口打开-->
    <a href="网页2.html" target="_blank">链接到网页2</a>
    <!--第三个超链接，链接到网页三，在浏览器当前窗口打开-->
    <a href="

最低0.47元/天解锁文章

前端奇妙妙

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
前端基础入门（6）超链接

超链接–文字链接超链接【hyperlink】是网页中最为常见的元素之一，我们几乎可以在所有的网站页面中找到超链接。每个网站都不止一个页面，这些页面就是利用超链接进行串接。超链接帮我们实现了网页与网页之间的跳转。文字链接：我们可以使用超链接标签<a><a/>实现文字链接。设置了链接的文字默认样式为蓝色文字，有下划线。<a><a/>标签实现超链接有两...
复制链接

扫一扫