适合0基础的web开发系列教程-a标签超链接

一个网站是由很多个页面构成的,首先运行的页面叫首页,通过首页点击导航按钮,可以进入到其他页面。

网页之间是如何实现这种链接效果的呢?

html里面的a标签就能实现这个效果。

每个a标签都有一个href属性,用来指向要链接的页面地址。

每个a标签都有一个target属性,用来确定以何种方式打开链接。

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--打开外部网站的页面地址-->
		<a href="https://www.yyjcw.com">夜鹰教程网</a>
		<!--打开腾讯QQ首页-->
		<a href="http://www.qq.com">腾讯</a>
		<!--打开当前站点的页面,将要打开的页面和当前页面在同一目录下-->
		<a href="04-水平线.html">水平线例子</a>
		<!--打开当前站点的页面,将要打开的页面在当前页面在目录下的admin文件夹下面-->
		<a href="admin/login.html">管理登录</a>
		<!--在一个新的页签打开管理界面-->
		<a href="admin/login.html" target="_blank">管理登录</a>
		<!--从当前目录开始,找到上级目录,然后在上级目录下面找admin文件夹,然后连接到admin文件夹下面的login.html页面-->
		<a href="../admin/login.html" target="_blank">管理登录</a>
        <!--以上都是给文字加链接 下面是给图片加链接-->
        <a href="https://www.yyjcw.com/ke.html"><img src="https://www.yyjcw.com/images/linklogo.gif"/></a>
	</body>
</html>

  

猜你喜欢

转载自www.cnblogs.com/yyjcw/p/10191815.html
今日推荐