超链接–文字链接
超链接【hyperlink】是网页中最为常见的元素之一,我们几乎可以在所有的网站页面中找到超链接。每个网站都不止一个页面,这些页面就是利用超链接进行串接。超链接帮我们实现了网页与网页之间的跳转。
文字链接:我们可以使用超链接标签<a><a/>
实现文字链接。设置了链接的文字默认样式为蓝色文字,有下划线。<a><a/>
标签实现超链接有两个属性需要设置:
? href属性:表示点击该超链接将要跳转到的页面地址,该地址可以是当前页面的相对地址,也可以直接跳转到另外一个网站。
? target属性:该属性设置超链接页面的打开方式。target属性有四个取值,这里,只说明常用的两个,【_self】是默认值,表示在浏览器当前窗口打开超链接的页面,【_blank】表示新建一个空白浏览器窗口,在新的窗口打开超链接页面。
来个例子看看:新建三个HTML页面文件,网页1里面设置三个超链接,分别链接到百度、网页2、网页3。
网页一代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<!--第一个超链接,链接到百度,在浏览器新的窗口打开-->
<a href="http://www.baidu.com" target="_blank" >链接到百度</a>
<!--第二个超链接,链接到网页二,在浏览器新的窗口打开-->
<a href="网页2.html" target="_blank">链接到网页2</a>
<!--第三个超链接,链接到网页三,在浏览器当前窗口打开-->
<a href="