目录
图像标签
每个网页都是由许多元素组成的，最常见的就是文字和图片，文字很简单，打字就行了，那么图片呢，只需要一行代码：
< img src = "图像的url" src = "demo.jpg"/>
src : 必须属性，用于指定图像文件的路径和文件名。
alt : 图像不能正常显示时的出现的文字。
title ：鼠标放在图像上显示的文字。
width : 设置图像的宽度。
height ：设置图像的高度。
注意：width 和 height 一般只需要写一个，另外一个会自适应。
border : 边框的粗细。
如：
<html>
<head>
<title>first html</title>
</head>
<body>
<img src = "demo.jpg" title="小猫的凝视" />
<img src = "小猫.jpg" alt="小猫的凝视" title="小猫的凝视" />
<img src="demo.jpg" width="100" />
<img src="demo.jpg" border = 20/>
</body>
</html> 
路径
相对路径：
同一级：直接写图像名，如<img src = "baidu.jpg">
上一级：在图像前加../，如<img src = "../baidu.jpg">
下一级：图像所在文件夹名加 / 加图像名，如<img src = "images/baidu.jpg">
注：images是图像所在文件夹名
绝对路径：
从盘符开始一层一层到目的图像位置，不建议使用，因为换了一个电脑后文件存放位置就一样了。
如：H:\html\html file\demo
网络路径：
网络上图片的网址，不建议，如果图片被删或者转移就找不到了。
如：
https://baidu.com/image/demo.jpg
超链接
语法：
<body>
<a href="跳转目标" target="窗口弹出方式">
文本或者图像
</a>
</body>href : 用于指定链接目标的url地址。
target : 用于指定链接页面的跳转方式。
“_self” 在当前窗口打开，“_blank”在新建一个窗口打开，默认是_self
外部链接
在 href 属性里填上想去的目标网址。
如：
<body>
<a href="http://www.baidu.com" target="_blank">
跳转到百度
</a>
</body>内部链接
网站内部页面之间的相互链接。直接链接内部网页的名称。
如：
<body>
<a href="index.html" target="_blank">
跳转到首页
</a>
</body>空连接
外表看上去一样，实际上点击不会跳转到任何地方，href 属性值设置为“#”。
如：
<body>
<a href="#" target="_blank">
跳转
</a>
</body>下载链接
href 属性的值是一个压缩包，点击后会下载这个文件。
如：
<body>
<a href="abc.zip" target="_blank">
点击下载压缩包
</a>
</body>锚点链接
可以快速定位页面中的某个位置。
在快速定位的标签位置添加 id 属性，id 属性值设置“id”，点击链接的 href 属性值为“#id”。
如：
<body>
<h1 id="name">
快速定位到这里
</h1>
<a href="#name">
点击快速定位
</a>
</body>注：所有网页中的元素都可以添加超链接！！！比如图片、音频等等。