上一篇文章我们讲到了html中一些标签的输出。没看过的小伙伴可以去瞧瞧，万一有宝藏呢？
这节课我们来实现html5中网页的跳转。
网页的跳转？听起来不错。也就是链接，现在，来和小编来学习一下吧！
<a href="网址">跳转的标题</a>如上图所示，这次的标签是A标签，在网址里面填写你想要跳转的网页，而“跳转的标题”则是你看到的标题。话不多说，直接上图：
<html>
<head>
<title>我是网页标题</title>
<meta charset="utf-8"/>
</head>
<body>
<a href="http://www.baidu.com">跳转的网页标题</a>
</body>
</html>
接着，我们大家一起来看看效果：
你点击蓝色的链接，就可以跳到百度的页面。（http://www.baidu.com）
是不是很神奇？这是，有同学可能想问了，平时的广告都是图片呀，那又是怎么实现的呢？不着急，我们先把图片给弄清楚。
在html5中，如何输出一张图片呢？这是我们又需要用到一种标签，叫做（img）标签，它的格式，是这样子的，如下图：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图像标签</title>
</head>
<body>
图片路径 src="图片文件路径"<br>
<img src="图像标签.jpg" ><br>
（alt 替换文本，当图像不能时显示的文字）<br>
<img src="图像标签1.jpg" alt="图片标签" ><br>
（titl提示鼠标放在图像上，显示的文字）<br>
<img src="图像标签.jpg" alt="图像标签" title="图像标签" ><br>
(width设置图像宽度，height设置图像高，当只存在其中之一时等比例缩放)<br>
<img src="图像标签.jpg" alt="图像标签" title="图像标签" width="500" height="300"><br>
(border 设置图像边框粗细)<br>
<img src="图像标签.jpg" alt="图像标签" title="图像标签" width="500" border="4"><br>
</body>
</html>
看的是不是头昏眼花？对了，提起一下，img很特别，你有没有发现，它只有一个标签欸。所以，我们叫它单标签，它是一个单身狗。嘿嘿。
上图自己品味吧，那在a标签中放入img标签，一个图片链接就成了。看下图：
<a href="网址">
<img src="图像标签.jpg" >
</a>公式就是这样子啦。
如果我的文章对您又帮助的话，来我主页看看哦！看见下方的一键三连了吗。记得点个关注！
3737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
