超链接标签(******)
* 链接资源(******)
- <a href="链接到资源的路径"> 显示在页面上的内容 </a> 例如:<a href="http://www.baidu.com">点击百度</a>
** href: 链接的资源的地址,href 是必须属性,否则<a>元素就变成空元素了。
如果属性值是http://开头的URL,意味着点击跳转到指定的外部网站。
** target:设置打开的方式 ,默认是在当前页打开
-- _blank : 在一个新窗口打开
-- _self: 在当前页打开,默认
-- _parent :在父窗框组(frameset)中打开
-- _top :在顶层窗口打开
说明:这四种最常用的是_blank,新建一个窗口。而_self 是默认,当前窗口打开。_parent
和_top 是基于框架页面的,分别表示在父窗口打开和在整个窗口打开。而HTML5 中,框架
基本被废弃,只能使用<iframe>元素,且以后大量结合JavaScript和PHP等语言配合,
框架用的就很少了。
- 当超链接不需要到任何的地址,在href里面加#
- <a href="#">这是一个超链接2</a>
* 定位资源(一般网站在底部设置一个按钮“回顶部”),锚点定位
** 如果想要定位资源:定义一个位置
//锚点
<a name="top">顶部</a>
** 回到这个位置
//链接
<a href="#top">回到顶部</a>
** 引入一个标签 pre:原样输出,写什么样子它就给你输出什么样子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a name="top">顶部</a>
<pre>
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
生活很精彩,有自己生活的人,就是高价值的人
</pre>
<a href="#top">回到顶部</a>
</body>
</html>