本章目录
1.任务目标
我们上节课学习了标题标签h1-h6,我们小节学习一下a超链接标签，并且熟练掌握运用
2.a定义和用法
a 标签定义超链接，用于从一张页面链接到另一张页面。
a 元素最重要的属性是 href 属性，它指示链接的目标。
在所有浏览器中，链接的默认外观是：
•未被访问的链接带有下划线而且是蓝色的
•已被访问的链接带有下划线而且是紫色的
•活动链接带有下划线而且是红色的
3.任务实操
<!DOCTYPE html> <html lang="en"> <head> <!-- 表示页面支持中文 --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页</title> </head> <body> <!-- href里面写链接地址 --> <a href="https://www.baidu.com/">点击我进百度</a> </body> </html>
4.效果展示
此时我们看到这个文字和其他文字一样，我们点击一下他就可以跳转百度网页。
5.超链接在新窗口打开网页
5.1代码演示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="http://www.baidu.com" target="_blank">点击进入百度</a> </body> </html>
5.2展示效果
我们可以看到现在进入的网页是百度网页，我没有连接网络，显示不来但是我们可以看到新窗口打开的百度。
6.小结
我们一小结学习了超链接a标签又学习了一个属性target="_blank"他可以让我们在一个新窗口打开网页。
