HTML超链接标签

目录

一、超链接

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

①网址

         ②相对链接(本地元素)

③锚链接

④用图片链接到网址

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

  3.base标签

  4.  a标签的样式

(会用在css中和style里)


一、超链接

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



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

   1.网址                      点击进入网页,点击文字进入网址
   2.相对链接               点击进入html,点击文字进入html
   3.锚链接                   

①网址

百度

②相对链接(本地元素)

02


03



③锚链接

这是顶部
(中间要写到浏览器能够拉出滚动条) 回到顶部

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

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

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

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


④用图片链接到网址


⑤发邮件(不常用)

发邮件



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

下载


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

代码如下(示例):

百度

3.base标签

3.

单标签


		
		
		
	

加了这句,文件中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  爱恨原则
       
        
      
        
            
      

你可能感兴趣的:(HTML5,html,前端,大前端,html5)