HTML的 a标签和 base标签

一、a标签

1、作用: 用于从一个页面链接到另一个页面

2、格式：<a href="http://news.baidu.com/">新闻</a>

3、注意事项:

-- 在a标签之间一定要写上文字, 如果没有, 那么在页面上找不到这个标签。

-- a标签不仅可以让文字可以点击，也可以让图片也能点击跳转。

-- 一个a标签必须有一个href 属性，否则a标签不知道要跳转到什么地方。

-- 如果通过a标签的href属性指定的是一个url地址，则必须在地址前面加上协议（hettp:// 或者 https:// ）,如果不写，网页跳转会找不到目标地址。

4、a 标签的属性

-- href ：指定要跳转的目标地址

-- target : 告诉浏览器以何种方式跳转，_blank是新建界面跳转；_self 是当前页跳转（_self 是默认值）

-- title ：鼠标悬停到a标签位置时显示的提示内容( 和 img标签的title属性一样)

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a标签的使用</title>
</head>
<body>
    <a href="http://news.baidu.com/">新闻</a>

    <a href="http://news.baidu.com/">
        <img src="a.jepg" width="150">
    </a>
    <a href="http://news.baidu.com/" target="_self">新闻</a>
    <a href="http://news.baidu.com/" target="_blank">糯米</a>
    <a href="http://news.baidu.com/" target="_blank" title="点击会跳转到百度新闻界面">百度新闻</a>
</body>
</html>

二、base标签

1、作用：用来统一的指定网页中所有的超链接（a标签）以何种方式打开（当前也打开还是新建界面打开）

2、格式：<base target="_blank">

3、注意点：

-- base标签必须写在head标签里。

-- 如果每个a标签都想在新页面中打开,那么逐个设置a标签的target属性比较麻烦, 这时我们可以使用base和a标签结合的方式。

-- base标签和a标签结合使用：如果在base中指定了target ，又在a标签中指定了target，那么浏览器会优先按a标签的target属性指定的方式来执行。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>base标签使用</title>
    <base target="_blank">
</head>
<body>
<!--结合base标签和a标签的target属性，设置除了”新闻“当前页跳转，其他都是新建页面跳转-->
    <a href="http://news.baidu.com/" target="_self">新闻</a>
    <a href="https://www.hao123.com/">hao123</a>
    <a href="https://map.baidu.com/">地图</a>
    <a href="http://v.baidu.com/">视频</a>
    <a href="https://tieba.baidu.com/index.html">贴吧</a>
    <a href="http://xueshu.baidu.com/">学术</a>
</body>
</html>

HTML的 a标签 和 base标签

HTML的 a标签和 base标签