连接起来
为链接增加标题以便访问
<a href="http://www.baidu.com" title="百度">百度网</a>
<!--title建议和链接的web面title相同-->
可以为任何元素增加title属性
使用id属性为<a>创建目标
<h2 id="tenth">这是第十段</h2>
<!DOCTYPE html>
<head>
<title>HTML and CSS exercise</title>
</head>
<body>
<a href="ahref.html#tenth" >跳转</a>
</body>
</html>
使用target打开新窗口
<a href="ahref.html#tenth" target="_blank" >跳转</a>
为你的页面增加图像
浏览器如何处理图像
1.首先浏览器从服务器获取一个html文件
2.接下来，浏览器显示这个html文件，发现有多个图像要获取，先请求第一个图片。
3.获取之后，显示这个图像，再请求第二个
4.重复这个过程
图像是如何工作的
JPEG、PNG、和GIF的不同
- JEPG ：适合连续色调图片，如照片，可表示1600万种颜色。有损格式，不支持透明度，不支持动画。
- PNG：适合单色图像和线条构成的图像，如logo，剪贴画和图像中的小文本。包含上百万种颜色。有三种：PNG-8、PNG-24、PNG-32。无损压缩。可以设置透明，使图像下面的东西显示出来。
- GIF：适合类似于PNG，表示256种不同颜色的图像。无损格式。支持透明度，但只支持一种颜色色设置为透明。支持动画。通常比JEPG大。
图像的候选格式
<img src="" alt="load failed">
调整图像大小
<img src="" height="100" width="48">
如果指定大小，浏览器在下载图片资源前就可以布局
为什么不用height和width调整大图像之前，仍然要索取大图像
使用缩略图
截小图，把他们做成大图的链接
标准及其他
HTML5 doctype
<!doctype html>
增加一个指定字符编码
<meta charset="utf-8">
<!--写在head中-->
