本节书摘来异步社区《响应式Web图形设计》一书中的第1章，第1.1节，作者： 【美】Christopher Schmitt 译者： 曾斌 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.1　为什么要学习HTML？

响应式Web图形设计
作为一种最完善的体系，HTML可以让人们以更快、更有效的方式在全世界范围内交换信息。

1.1.1　HTML使得因特网更受欢迎

虽然因特网使得计算机能够通过网络相互连接，但是通过命令行或者基本的程序（如Gopher，见图1.1，或Archie）来上网的体验是不连续的。Web浏览器改变了这一切。

万维网基于HTML创建的页面和链接，使得Internet用户能够更容易地对内容进行操作。随着图像在浏览器中广泛使用，以及基础文本格式的普及，这种快速、令人沉浸的内容发布与共享，向更多的人敞开了大门。

手工编写完整网站

一些人认为，手工编程的时代已经一去不复返了。多亏了像WordPress、Drupal和ExpressionEngine这样内容管理程序包，你才可以创建一些网站，并在这些网站中*地制作导航菜单或组织日志。把这些可重用的组件拼成一个网站是很简单的，但是创建一个博客网站并不是简单地装配好各个部分就可以了，因为每个人的需求和目标都是独一无二的。所以理解HTML可以帮助你更好地实现目标。

1.1.2　学习HTML，更好地理解网页设计

学习HTML的基础知识可以帮助你成为一个更出色的网页设计师，更快地将设想中的网页实现出来；即便不能，它也能让你知道为什么以及如何使用它。将某些编程语言和HTML结合使用，就能为网站创造更多的亮点。

1.1.3　学习HTML很容易

许多设计师通过自学HTML来让自己更加全面和专业。随着行业持续不断的发展，甚至连一些经验丰富的网站设计师也能通过别人了解到HTML更多的潜能。

和查看桌面程序和手机应用程序的代码相比，查看网页的代码非常简单。代码的透明使得学习HTML和网页设计的其他相关细节变得很容易。为了揭示HTML在网页中是如何运用的，你可以在浏览器中选择“查看源代码”之类的命令（通常可以在“文件”或“查看”菜单中找到），这样就能够准确地看到代码是什么样的（见图1.2~图1.5）。通过这种方法，很多初学者和专业人员都可以复制例子中的代码——我不会反对这种做法，反而要鼓励！

程序与标记　程序通过一些信息告诉软件去做一些事情，而HTML则可以被视为一种编程语言。然而，用计算机编程语言（如Java、C++、Python和无数其他编程语言）在处理更复杂的任务时，需要用到比HTML更多的专业技能和软件。因此，虽然HTML被称为一门语言，但是，它并不像别的编程语言那样令人却步。

分享你所学到的

在网页设计和开发行业中，许多方面的成果都是公开的。通过博客帖子、博客评论，以及GitHub、Dribbble或其他一些网站上的代码，可以与其他人一起分享你学到的东西。我们的行业以闪电般的速度前进着，而帮助别人就等于帮助自己。

！从模仿到掌握，不要停止

照搬喜欢的示例代码是一种很好的学习方式。需要注意的是，不要盲目地复制和粘贴代码和图像，并认为其是自己的。你不可以照搬从网站上找到的网页，并把它作为自己的作业交给老师——网页设计也一样（任何行业都是这样）。

网站词典

为了更透彻地理解这本书内容，你需要知道以下术语和关于网页设计的知识。

互联网包含了数以百万计的网站，每个网站都有一个唯一的网站地址，被- 称为资源定位符或URL（例如，http://www.google.com）。

• 每个网站都包含许多相关内容的页面。

• 网站中的每个页面都能通过桌面电脑或移动设备（如智能手机或平板电- - 脑）的Web浏览器来浏览（如Chrome、Internet Explorer、Firefox、Safari和Opera）。

网站访客从一个页面跳转到另一个网站的链接，也被称为超链接。