第一章:第9节 HTML超链接标记

更新于:2016-11-19 21:27:18

一个网站有很多页面,用户是怎么去从一个页面访问另一个页面的,这节楠神开始讲解超链接标记。


<a href="https://www.phpnanshen.com">PHP楠神</a>


1.png

上面是一个链接本站的超链接,把它加到HTML源代码里,就会在页面里显示指向本站的超链接。


超链接标记<a></a>里不仅可以写文字,也可以放图片,比如


<a href="https://www.phpnanshen.com"><img src="./bikaqiu.jpg" /></a>


超链接标记<a></a>里有两个重要的属性“href”和“target”。


href属性用来描述链接的地址,这是一个文件的网络地址,它可以是绝对地址也可以是相对地址,与<img />里的src取值是一样的,但功能不一样。


<a href="./bikaqiu.jpg">比卡丘</a>


href属性里可以放一张图片的地址,它不会显示图片,而是链接到图片,用户点击后浏览器直接显示图片。href可以放其他类型文件的网络地址,如果浏览器不支持打开这个文件,就会提示用户直接下载。所有<a></a>可以简单实现一个网站下载功能。


target属性打开一个链接怎么样去显示,是覆盖原来的页面显示还是浏览器新打开一个页面显示。无target属性默认的属性值是“_self”,覆盖原来的页面。属性取值“_blank”新打开一个页面显示。这两个选值是最常用的。


提示:网络地址的绝对地址写法要以“http://”开头(有些网站用的是https协议,开头是“https://”),如果这样写<a href="www.phpnanshen.com">PHP楠神</a>就是错误的,浏览器会把www.phpnanshen.com当成本页面同目录下有个命名为“www.phpnanshen.com”的目录,就是浏览器会把它当成一个相对地址请求服务器。