Pro001-从零开始HTML[#001]——5分钟-你好世界

标签

#001_HelloWorld

    在学习一门编程语言的时候，我们首先要开始一个古老而神圣的仪式，就是念出我们每个语言的神秘咒语——HelloWorld。

    那么下面我们就用HTML来写一个输出HelloWorld的网页。

只需要11行简单的代码

    当然照抄代码就可以实现，不过其中的含义必须知道。

什么是？

    doctype 指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，它不是HTML标签，是一种声明，所以必须放置在HTML文档的第一行、必须放在标签之前。这样浏览器才能正确的获知文档的类型。

如何编写html文档？

    无论里面的内容有多复杂，html文档要告诉浏览器，文档从标签开始，到标签结束。里面包括大体两个部分：头和身体。

    我们就会写出下面这个结构——

   

    ....内容....

   

   

    ....内容....

    

注意：每个标签必须用其本身加/作为结束，不然一些不够聪明的浏览器可能会无法识别到HTML文档在说什么。(例如开始必须用结束)

谁来组成头部？

     标签用于定义文档的头部，它是所有头部元素的容器。

    容器（文档的头部）用来装什么呢？可以装：文档的标题、在 Web 中的位置以及和其他文档的关系等。除了

        

        

        

   

    ....后续内容....

    请将注意力集中在加粗字体的内容上。

    为了不要让大家感到困惑，我先不详细解说meta的含义，你可以将它认为是和一样的意思，它只是告诉浏览器文件的字符编码使用utf-8（万国码），先简单的复制这个代码。

我要这身体有什么用？

    最后，在身体里面，我们可以编写任意我们希望在浏览器中呈现出来的内容，首先启动我们的咒语。

   

HelloWolrd

    恭喜你，你在HTML世界发出了第一声哭啼。

---

带简单注释的代码

效果图