HTML——超链接<a>

一、超链接的一般格式:

<a href="路径" target="目标窗口的位置">链接文本或图像<a/>

 

1.常用参数说明:

href:必填,表示要跳转到那个页面。

target:选填,表示浏览器中新链接窗口的打开方式。target的取值有四种分别为_self(自我覆盖,默认)、_blank(创建新窗口打开新页面)、_top(在浏览器的整个窗口打开,将会忽略所有的框架结构)、_parent(在上一级窗口打开)。

<a href="https://www.baidu.com" target="_blank">点击打开百度</a>
<a href="https://www.baidu.com" target="_self">点击打开百度</a>
<a href="https://www.baidu.com" target="_parent">点击打开百度</a>
<a href="https://www.baidu.com" target="_top">点击打开百度</a>

 

 

二、锚链接

很多时候网页中内容比较多,页面显示比较长长,浏览者需要不断地拖动浏览器的滚动条才能找到需要的内容。超链接的锚功能可以解决这个问题,点击锚链接可快速定位到页面对应内容的位置。

1.锚链接使用步骤

(1)在a标签的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

(2)找到目标位置标签,里面添加个id属性=刚刚定义的名字,如:<h3 id="two>第2集</h3>

<a href="#history"><strong>历史沿革</strong></a>

.......
.......
.......


<h2 id="history">历史沿革</h2>

 

 

三、功能性连接

1.邮件链接

<a href = "mailto:xxx@qq.com">给我发email</a>

 

posted @ 2020-05-25 11:11  白熊啊  阅读(910)  评论(0编辑  收藏  举报