目录

一、超链接

   1.href    引入跳转页面的路径

①网址

         ②相对链接(本地元素)

③锚链接

④用图片链接到网址

  2.target="_blank " 在新窗口中打开链接

  3.base标签

  4.  a标签的样式

(会用在css中和style里)


一、超链接

<a href="" target=”  “></a>

通过使用属性href来指定要链接的url,标签的内容可以为文本也可为其他标签



   1.href    引入跳转页面的路径

   1.网址                      <a href="网址">点击进入网页</a>,点击文字进入网址
   2.相对链接               <a href="相对路径">点击进入html</a>,点击文字进入html
   3.锚链接                   

①网址

<a href="http://www.baidu.com" target=" _blank">百度</a><br>

②相对链接(本地元素)

<a href="../myhomework/2.22/02.html">02</a><br><br><br>
<a href="css/new_file.html">03</a><br><br><br>

③锚链接

<div id="top">
	这是顶部
</div>

(中间要写到浏览器能够拉出滚动条)

<a href="#top">回到顶部</a>

 锚点即是#id值,id值只有唯一一个

1.定义锚点<a id=“aa”>第三章</a>

2.定义指向该锚地的链接<a  href=“#aa”>点击查看第三章</a>

id 任何标签都有的值,id的值是唯一的
命名推荐纯字母,或者字母加数字。如top1,
id写进超链接时,要是#加所在地方的id值


④用图片链接到网址

<a href="http://www.baidu.com"><img src="img/02.jpg" ></a>

⑤发邮件(不常用)

<a href="mailto:abc@abc.com">发邮件</a><br><br><br>

⑥下载的链接(中间放的是下载的路径地址,不怎么常用)

<a href="https://img1.baidu.com/it/u=2779841382,1421956514&fm=253&fmt=auto&app=138&f=JPEG?w=563&h=500">下载</a>


2.target="_blank " 在新窗口中打开链接

代码如下(示例):

<a href="http://www.baidu.com" target=" _blank">百度</a><br>

3.base标签

3.<base href="" target="_blank" />

单标签

<head>
		<meta charset="utf-8" />
		<title></title>
		<base href="" target="_blank" />
	</head>

加了这句,文件中a链接都会在新窗口打开,如果以下超链接有不想加新窗口打开的,就单独在那个超链接上加除了blank的值

要写在head里



  4.  a标签的样式

(会用在css中和style里)

 a:link:未访问链接 ,如 a:link a:link:未访问链接 ,如 a:link {color:blue} 

a:visited:已访问链接 ,如 a:visited{color:blue} 

 a:hover:鼠标移到链接上时 ,如 a:hover {color:blue} 

a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{color:blue}

a:active不能设置有无下划线(总是有的)

 方便好记的口诀     LoVe   HAte  爱恨原则
       
        
      
        
            
      

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐