了解HTML

1. HTML文档

你可能已经知道， 所有互联网网站都由网页组成。它们也被称为HTML页面。那么这到底是啥玩意儿？

HTML文档是一个文本文件，由文本和 标签组成。标签早在上世纪70年代就被创造出来了， 主要是为了让人们能够 在文档中添加供程序处理的额外信息。

标签 是一个关键的（技术性的）单词， 通常是用英语写的，并且用尖括号（“大于”或“小于”的符号）包裹， 以便程序不混淆标签和普通文本。

示例：

<img>

标签还可以包含不同的技术信息，这些信息对处理文档的程序非常有用。

2. HTML文档示例

最流行的处理标签的程序就是浏览器。你在浏览器中看到的所有内容， 都是浏览器处理HTML文档内部标签后的结果。

假设浏览器给你展示了这样一个页面：

猞猁 猞猁是一种属于猫科的食肉哺乳动物。它外观和大小类似于 家猫，但不同之处在于它有更短更粗壮的身体和腿部、 圆形瞳孔、低耳，以及厚实的长毛。

下面是这个HTML文档的样子：

      
<h1>猞猁</h1>
<p> 猞猁是一种属于猫科的食肉哺乳动物。它外观和大小类似于 
<a href="#">家猫</a>，但不同之处在于它有更短更粗壮的身体和腿部、
圆形瞳孔、低耳，以及厚实的长毛。 </p>
<img src="manul.jpg">
      
    

在这个例子中，我们看到文本和标签：h1、p、 a 和 img。浏览器识别了这些标签，并将标签内的文本 转换为标题、链接，还在文本下方添加了一张图片。这简直就是魔法！