9.1.1 HTML简介

HTML是一个网页的主体部分，也是一个网页的基础。因为一个网页可以没有样式，可以没有交互，但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。

HTML简介

HTML，全称是超文本标记语言（HyperText Markup Language），它是一种用于创建网页的标记语言。标记语言是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息（包括例如文本的结构和表示信息等）与原来的文本结合在一起，但是使用标记（markup）进行标识。

？？？？？？ what？标记语言？ 什么是标记语言呢？

举个通俗的例子，就是一段文本内，不但有该文本真正需要传递给读者的有用信息，更有描述该段文本中各部分文字的情况的信息。 如下：

<问题>
    <问题标题>Alex老师是不是很帅？
    <问题描述>这是你说的啊，我可没说

<回答>
    <回答者>二狗子
    <回答者简介>我就叫二狗子
    <回答内容>你说什么就是什么啦，与我没关系了，反正我是个男的！！
<回答>
    <回答者>三袍子
    <回答者简介>我就叫三袍子
    <回答内容>我反对，我觉得武sir更帅。

就像这样，我用自己发明的一个标记语言描述了这个问题以及问题下的回答。这段标记语言既描述了文档本身的信息（问题内容和回答的情况），也描述了文档的结构和各部分的作用。而HTML则是世界通用的、用于描述一个网页的信息的标记语言，我们使用的浏览器具有将HTML文档渲染并展示给用户的功能（当你访问知乎网站的时候，实际上你获得了一份由知乎提供给你的HTML文档。浏览器将根据HTML文档渲染出你看到的网页）。将上面那段我刚发明的标记语言“翻译”成HTML，大概就是这样

<header>
    <h1>Alex老师是不是很帅？</h1>
    <p>这是你说的啊，我可没说</p>
</header>
<div>

        <div>
          二狗子<span>,我就叫二狗子</span>
        </div>
        <p>
            你说什么就是什么啦，与我没关系了，反正我是个男的！</a>
        </p>


        <div>
          三袍子,<span>我就叫三袍子</span>
        </div>
        <p>
           我反对，我觉得武sir更帅。
        </p>

</div>

上一段HTML文本中，header,div这类的带尖括号的玩意儿叫标签，标签描述了文本的作用，比如p标签表示其内部的文本是一个段落，a标签标识内部的文本是超链接等；与此同时，通过标签的互相嵌套，表示了这个文档的结构。至于哪个标签表示什么意思、总共有多少个种类的标签这类的问题，由W3C(万维网联盟)这一组织规定。 很显然，HTML作为一种标记语言它并没有什么逻辑，简单来说就是一些符号，一些有特殊意义的符号，一些浏览器认识的有特殊意义的符号。

开发者写好的网页

我们写好的HTML文件最终都会运行在浏览器上，由浏览器来解析。 HTML很容易学习，相信你很快就能够掌握它。