Day3
1.图像标签/图片标签
<img src="图片的路径"/>
属性：
- src：图片的路径
- width：图片的宽度
- height：图片的高度
- alt：图片上显示的文字，把鼠标移动到图片上，停留片刻显示（或是当图片路径不存在时，显示文字信息）
<html>
<body>
<img src="jennie.jpeg" width="700" height="463" alt="你老婆没了！！！"/>
</body>
</html>
效果：
当图片路径不存在时的效果：
2.路径的介绍
（1）绝对路径：
-
C:\Users\asus\Desktop\0413\code\jennie.jpeg
-
http://www.baidu.com/b.jpg
（2）相对路径：一个文件相对另一个文件的位置 -
html文件和图片在一个路径下，可以直接写文件的名称
<img src="jennie.jpeg"/>
- 图片在html的下层目录
——C:\Users\asus\Desktop\0413\code\4.html
——C:\Users\asus\Desktop\0413\code\img\jennie.jpeg
<img src="img\jennie.jpeg"/>
- 图片在html的上层目录
——C:\Users\asus\Desktop\0413\code\4.html
——C:\Users\asus\Desktop\0413\jennie.jpeg
<img src="../jennie.jpeg"/>
这里的../表示上层路径
3.超链接标签
（1）链接资源标签
<a href="链接到资源的路径">显示在页面上的内容</a>
(这里的路径也跟上面个所说的包括绝对路径和相对路径)
属性：
- href：链接到资源的地址
- target：设置打开的方式
- （1）_blank：在一个新的窗口打开
- （2）_self：在当前页面打开，默认值
当超链接不需要到任何地址时，在href里面加#
<a href="#">这是一个超链接，但不链接到任何位置</a>
（2）定位资源
- 如果想要定位资源：定义一个位置
<a name="top">顶部</a>- 回到这个位置：
<a href="#top">回到顶部</a>
4.原样输出标签
<pre>输出内容</pre>
这里的输出内容会按照我们自己输入的格式输出到页面上。