美文网首页
认识html---------a标签的练习和base标签

认识html---------a标签的练习和base标签

作者: 周行知 | 来源:发表于2019-04-02 10:38 被阅读0次

练习题: 做百度首页的导航栏

如图所示:

怎样写?

波利亚《怎样解题》:"你以前见过它吗?你是否见过相同的问题而形式稍有不同?"意思就是你可以看看别人是怎么写的,照葫芦画瓢。

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

</head>

<body>

<a href="http://news.baidu.com" target="_blank">新闻

</a>

<a href="https://www.hao123.com" target="_blank">hao123

</a>

<a href="http://map.baidu.com" target="_blank">地图

</a>

<a href="http://tieba.baidu.com" target="_blank">贴吧

</a>

<a href="http://xueshu.baidu.com" target="_blank">学术

</a>

</body>

</body>

</html>

运行结果如下:

base标签

作用:

专门用来统一指定当前网页中所有的超链接(a标签)需要如何打开

格式如下:

<base target="_blank">

注意点:

1.写在<head></head>里面

2.如果既在base中指定了target又在a标签中指定了target那么浏览器会按照a标签中指定的来执行

代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>a标签</title>

<base target="_blank">

</head>

<body>

<a href="http://news.baidu.com" target="_self">新闻

</a>

<a href="https://www.hao123.com" >hao123

</a>

<a href="http://map.baidu.com" >地图

</a>

<a href="http://tieba.baidu.com" >贴吧

</a>

<a href="http://xueshu.baidu.com">学术

</a>

</body>

</body>

</html>

相关文章

  • 认识html---------a标签的练习和base标签

    练习题: 做百度首页的导航栏 如图所示: 怎样写? 波利亚《怎样解题》:"你以前见过它吗?你是否见过相同的问题而形...

  • HTML学习笔记第四天

    a标签综合练习 a标签的作用:用于控制页面与页面之间跳转的; 一、回顾a标签 二、Base标签的使用需求假设:假如...

  • 标签base

    base标签是用来统一制指定当前网页中所有超链接(a标签) 注意:1.base标签必须写在head的开始和结束标签...

  • a标签

    a标签(anchor) base标签和a标签结合使用 如果每个a标签都想在新页面中打开,那么逐个设置a标签的tar...

  • base 标签

    base 标签可以设置整体链接的打开方式 四个链接均为在新窗口打开。注:target="_self"是在原窗口打开。

  • base标签

    base可以设置整体连接的打开状态 写法: _blank:打开新窗口 _self:在当前窗口内跳转

  • html+css总结

    图片引入标签: 超链接标签: 百度 base标签: base标签可以给页面的链接加上默认的路径,或者默认的打开方式...

  • HTML知识点总结

    HTML< base>元素 < base>标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有链接标签...

  • 4.HTML的标签(2)

    base标签 base标签作用:统一指定当前网页中所有超链接(a标签)如何打开注意点:必须写在head标签中bas...

  • a标签的用法

    a标签 base元素

网友评论

      本文标题:认识html---------a标签的练习和base标签

      本文链接:https://www.haomeiwen.com/subject/ctewbqtx.html