a标签基本使用
如上图所示:
实时热搜下面文字都是a标签
a标签的作用
用于控制页面与页面之间的跳转的
a标签的格式
<a href="指定需要跳转的目标界面">需要展现给用户查看的内容</a>
例题1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://www.baidu.com/s?word=张韶涵 窦骁&tn=02003390_2_hao_pg">张韶涵 窦骁</a>
</body>
</html>
运行效果:
你可以试一试图片。
打开淘宝
模仿写一个简单例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签</title>
</head>
<body>
<a href="https://paimai.taobao.com/?spm=a21bo.2017.2007.1.6d7411d9MyPqYX">
<img src="img/TB11iC2uAzoK1RjSZFlXXai4VXa-254-318.jpg"/></a>
</body>
</html>
运行结果如下图
点击这张图片:
a标签的注意点:
1.a标签不仅可以让文字可以点击,还可以让图片也能够被点击。
2.一个a标签必须有一个href属性,否则a标签不知道要跳转的地方。
3.如果通过a标签的href属性指定一个url地址,那么必须在地址前面加上http://或https://