一、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>