本节书摘来自华章社区《Web前端工程师修炼之道（原书第4版）》一书中的图片在哪里呢？，作者Jennifer Niederst Robbins，更多章节内容可以访问云栖社区“华章社区”公众号查看

图片在哪里呢？
显然，HTML文件里并没有图片，那么最终页面中的图片来自哪里呢？
你可以看看图2-3，每个图片都是一个单独的图像文件。图像文件放置在 HTML图片元素（img）中，图片元素可以告诉浏览器到哪里去找图片（它的URL）。当浏览器看到img元素时，它就会给服务器发送另一个请求，以获取图片文件，然后把这个图片放在img元素的内容中。浏览器软件把这些零碎的文件整合到最终的页面中。视频和其他嵌入式媒体文件的处理也是如此。
由于页面的整合发生在一瞬间，所以看起来整个页面是一次性载入的。如果网速太慢或者网页包括太大的图片或者多媒体文件，整合的过程就会很明显：文字的显示要快于图片。如果有新的图片到达，页面甚至需要刷新（当然，你可以用某种方式构造你的页面，以阻止发生这样的行为）。
添加一点样式

我希望你注意到我们的最小页面上的最后一个部分。在HTML文档的顶部附近有一个链接元素指向样式表文件kitchen.css。该样式表包含了几行指令，说明页面应该如何在浏览器中显示。这些样式指令遵循CSS的规则。 CSS允许设计师将视觉样式指令（称为文档外观）添加到标记文本（在网页设计术语里就是指文档的结构）中。在第三部分中，你就会看到CSS的作用。
图2-4显示了Jen抯 Kitchen页面，一个有样式，另一个没有样式。浏览器为每一个HTML文档都提供了默认样式，所以如果页面没有自己的自定义样式，浏览器就会使用默认样式（也就是右图中所看到的那样）。即便很少的样式规则也可以使页面的外观大为改善。

使用JavaScript添加行为
除了文档结构和外观，还有一个用来定义如何运行的行为部分。页面使用脚本语言JavaScript来控制行为。我们将在第四部分简单介绍，但是如果想深入学习，则需要了解更多。很多设计师（包括我）都要靠有脚本经验的帮手来给网站添加功能。不管怎样，了解如何编写JavaScript对于网页设计师来说变得越来越重要了。