通过此文章，自以为是的你一定会重新深刻地系统性认识HTML。

1. 临渊羡鱼 不如退而结网。看完这本书，以前自以为是的你一定会重新认识到自己的局限性，一定能弄懂HTML。
2. 所有页面都要有一个html元素，其中要有一个head元素和一个body元素。
3. 网页的信息放在head元素里。
4. style元素总要放在head元素里。
5. body元素里面的内容就是你在浏览器里面看到的内容。
6. … 告诉浏览器你要链接的文件在父文件夹中
7. 对于网页，只能实用/斜线，不能使用\反斜线，不管是什么系统。
8. img元素的src属性是一个相对路径。
9. 单击一个链接时，浏览器会加载href属性中指定的web页面。
10. 〈html〉〈head〉〈title〉〈body〉元素是必不可少的。
11. 样式和结构不可混淆
12. 每个块元素都单独显示，就好像前后都有换行。只要使用块元素，浏览器就会使用换行符来分隔每一个块。
13. 块元素通常用作web页面中的主要构建模块，而内联元素往往用来标记小段内容。设计一个页面时，先从较大的块开始，然后在完善页面时再加入内联元素。
14. www.starbuzzcoffee.com，这是一个网站名。只有starbuzzcoffee.com,这是一个域名。网站名由服务器名和域名组成。可以创建使用相同域名的其他网站，比如corporate.starbuzzcoffee.com等。
15. 不要把域名和网站名混淆，购买域名就像买下一块地，比如100mainstreet.com。在这块地上，你可以随你所愿建很多网站，例如：home.100mainstreet.com/toolshed.100mainstreet.com和outhouse.100mainstreet.com等。所以www.starbuzzcoffee.com只是starbuzzcoffee.com域上的一个网站。
16. 怎么把文件传送到web服务器呢。大多数托管公司都支持一种叫做FTP的文件传输方法，FTP表示文件传输协议。（File Transfer Protocol）sFTP：安全文件传输协议。
17. 创建一个URL后，让web浏览器使用某个协议为你获取这个资源，通常是HTTP。URL（统一资源定位符可以用来定位web上的任意资源，包括音频，视频等。除了指定资源的位置，还可以指定用于获取资源的协议。
18. 如果服务器接收到一个末尾没有/的请求，而且这个目录确实存在，服务器就会帮你加上末尾的和弦。
19. a元素中，使用相对链接来链接同一个网站中的页面，而使用URL来链接其他网页上的页面。出了http链接外，a元素中还有几种协议。
    1. file协议，浏览器从你的计算机本地读取文件时会用到file协议。例如，文件URL’file:///chapter4/starbuzz/index.html’会告诉浏览器，文件index.html位于/chapter4/starbuzz路径。注意，文件URL有三个斜线，而非两个。
    2. FTP协议，很多浏览器支持使用FTP协议获取页面。
    3. 还有一个mail协议，可以通过Email发送数据，大多数情况下都会使用http。
20. 正常的web服务器几乎都在端口80接收请求。不过有时web服务器会配置为在另外一个不同的端口（如8000）接收请求，这种情况经常在测试服务器上出现。
21. a标签的title属性，会显示为一个提示工具，对于有视力障碍的人来说，浏览器可能会读出链接标题。
    1. a元素可以带一个id属性，允许你直接访问页面中的一个特定点，即锚点。不论是使用相对链接或URL链接到页面，要链接到页面中的一个特定目标，只需在链接最后加一个#，再加上id值。如< a href=‘index.html#chai’>see chai</ a>
    2. 可以为任何元素增加title属性。
    3. 在href和id属性中要用相同大小写的字母，否则别指望链接能在所有浏览器上正常工作。
22. a标签不一定要把target指定为“_blank"。如果指定为另一个名字，如‘coffee’，那么有相同目标名‘coffee’的所有链接都会在同一个窗口中打开。这是因为，为target指定一个特定的名字时，实际上就是在对显示链接页面的新窗口命名。
23. HTTP是一个请求和响应协议，用来在web服务器和浏览器之间传送Web页面。
24. 文件传输协议（File Transfer Protocol，FTP）是向服务器传输web页面和内容的常用方法。
25. web上最常用的三种图片格式：JPEG/PNG/GIF.唯一困难的是要确定在什么情况下使用哪一种格式。通过以下图片，就知道了。需要透明图像，即背景透明。比如这个logo
26. 对于相同网站上的链接和图像，最好使用相对路径。
27. 这里有一段对img元素为void元素的讲解，非常好。img元素是提供了一个途径，可以通过它指定需要在页面上显示图像的位置。就只能使用png或gif了。
28. 浏览器是在下载了HTML文件并开始显示页面之后才下载图像。浏览器下载图像之前，除非你告诉它，否则它无法知道图像的大小。浏览器知道了图像大小之后，通常要重新调整页面布局。及不告诉浏览器图像大小情况下，显示页面后会再调整布局。根据学过的知识，这会造成重流。
29. 不能直接用img元素的width属性和height属性来调整图像的大小吗？可以，但不好。因为这样子，仍然会下载完整的大图像，让浏览器完成调整图像大小的工作。width属性和height属性实际上是帮助浏览器确定要为这个图像预留多大的空间。如果使用这两个属性，则它们应当与图像的实践宽度和高度一致。
30. 在决定如何保存这个图像时有几种选择，可以使用JPEG/PNG/GIF。比如以下这个logo只使用了三种颜色，另外有文本和一些几何形状。根据你对PNG和GIF这两种格式的了解，你可能已经倾向于PNG或GIF了。这两种形式都可以。图像质量相同时，PNG文件可能小一点，所以我们选择png。另外，只有3种颜色，完全可以使用只支持256种颜色的PNG-8，使用这种格式可以让文件大小进一步缩小。
31. img元素的alt属性作用：屏幕阅读器会使用这个属性为有视力障碍的人描述图像。
32. 图片格式如何使用总结如下：
    1. JPEG格式最适合保存照片和其他复杂图像。
    2. GIF或PNG格式最适合保存logo和其他包含单色/线条或文本的简单图形。
    3. JPEG图像可以按照不同质量压缩，可以很好权衡图片质量和文件大小，来满足你的需要。
    4. GIF和PNG图像格式允许建立一个有透明背景的图像。如果把一个有透明背景的图像放在一个web页面中，图像后面的东西（如页面的背景色）就会透过图像的透明部分显示出来。
    5. GIF和PNG是无损格式，JPEG时有损格式。这说明相比于JPEG文件，这些格式的文件往往更大。
    6. PNG可以提供比GIF更多的透明度控制，而且不像GIF只支持256中颜色，PNG可以支持更多颜色。
    7. PNG有三种不同的大小选择：PNG-24（支持数百万中颜色）/PNG-16（支持数千种颜色）/PNG-8（支持256种颜色）。
33. 确保你使用的是最新，最棒的HTML标准，也就是HTML5。保证了这一点，就可以确保HTML在所有浏览器上能有更一致的显示。为客户显示页面时就能少遇到麻烦，不能正确显示页面的问题也会少的多。