添加图像
<img src="../image/red.jpg">img 标签是个viod标签，指在开始标记和结束标记之间没有任何内容，可以省略结束标签
img 标签 src 的属性是图片的绝对路径或者相对路径
还可以在src放入完整的url（放入其他网站的图片需要放入url，最后一定是图像的文件名)
相同网站上的图片和链接最好使用相对链接，即基于当前目录的图片和链接地址
注意:img只是指向图片，但是图片并不是html页面的一部分，html页面实际上是纯文本的
GIF是唯一支持动画的，普通图像主流使用PNG
标签为内联函数，结束后不会自动加上内联函数，所以多个图片可能会出现并排的情况
相互之间并没有间距
图像描述信息
可以在img元素中添加对图片信息的描述，以应付游览器的图片不正常显示。
<img src = "../image/blue.jpg"
alt="The Typical New Pencil can draw a line 35 miles long."></a>alt即对图片的描述属性，如果浏览器无法正常显示图片，则会显示提示信息
图片大小设置
使用 width 和 height 设置图像的宽度和高度
<img src = "../image/blue.jpg"
alt="The Typical New Pencil can draw a line 35 miles long."
width="48" height="100"></a>没有这两个属性的设置，浏览器会自动确定图像大小
可以直接调整图像的大小。如果直接使用长宽属性更改大小，任然会下载原来大小的图片
缩略图
有时图片太大，会影响页面美观，所以，可以使用缩略图，再将图片链接到原图，即可很好解决问题
<!--为原图创建单独的页面，源码来自headfirst html+css-->
<html>
<head>
<title>myPod: Classic iPod</title>
<style type="text/css"> body { background-color: #eaf3da; } </style>
</head>
<body>
<h1>Classic iPod on the ferry</h1>
<p>
<img src="../photos/seattle_classic.jpg" alt="A classic iPod in Seattle, WA">
</p>
</body>
</html>
<!--两点表示取上一层目录-->
通过缩略图连接到原图上，需要把标签放在标签里，标签的href链接的是原图的url或者相对地址
<a href="html/seattle_downtown.html">
<img src="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA">
</a>
<!--即可通过缩略图连接到原图page-->除了链接到原图的网页，也可直接连接到原图
<a href="thumbnails/seattle_downtown.jpg">
<img src="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA">
</a>
<!--即可通过缩略图连接到原图page-->
2143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
