如果我们制作的站点只有简单的文字内容那和一个普通文档也没啥区别了,当然我们也没见过那样的站点
站点中多多少少都有一些链接的存在,连接到其他网站或者自己的其他站点
超链接可以用文字,图像
用<a>标签来创建链接
1、用href属性创建指向另一个文档的链接
例:
<a href="http://www.baidu.com"> Visit 百度 </a>
补充:
<a href="http://www.baidu.com" target="_blank"> Visit 百度 </a>
上面的链接是将当前窗口由打开的新窗口替代,补充中的链接可以让链接打开的网页成为一个新窗口,target属性在HTML头部部分会讲
2、用name属性创建文档内书签
name属性创建的书签不以任何特殊方式显示,对读者不可见
用命名锚时,可以直接跳转至命名锚处链接(比如百度百科那里的各种分类,点击就可以在那个页面中跳转)
例:
创建锚的方法:
对锚命名
<a name="tips"> a tip </a>
在同一文档中创建指向该锚的链接
<a href="#tips"> a tip </a>
在其他页面中创建指向该锚的链接
<a href="URL#tips"> a tip </a>
上方代码中将#符号和锚名添加到URL(URL,统一资源定位符,全球性地址,用于定位网上的资源,URL包括协议,网站名和根目录下默认网页)
末端,就可以直接链接到tips这个锚了
3、target属性,可以定义被链接的文档在何处显示(链接打开的网页是在浏览器上打开一个新窗口还是取代当前窗口)
例:
<a href="http://www.baidu.com" target="_blank"> 百度 </a>
4、title属性,可以给链接做个注释
例:
<a href="http://www.baidu.com" title="这个是百度的链接"> 百度 </a>
在属性中添加如上注释,当鼠标移动到这个元素上时,会出现提示框