HTML在前端开发中起到的作用,《前端开发从零学起》Lesson.2 初识HTML与其基本标签的作用...

《前端开发从零学起》第二课  初识HTML与其基本标签的作用

什么是HTML？

HTML是用来编写网页的一种语言，其代表英文缩写Hyper Text Markup Language 指的是“超文本链接标示语言”。这种语言实际上并不是编程语言，而是标记语言。浏览器通过解读相应的标记来显示对应的内容给用户，更类似于给浏览器的执行脚本。

HTML文档是什么？

HTML文档可以直接在浏览器中运行，并显示相应的内容。浏览器会将HTML文档中的标记，按照预先设置好的样式进行解释，最终变成用户能够正常浏览的页面，因此HTML文档也是常说的静态页面。当然除了静态页面外，还有动态页面，这个在以后的课程中会讲到

HTML文档中的主要标记与内容

以一个最常规的空页面来举例，下面的代码是通过Dreamweaver创建的一个默认的空的HTML文档，代码如下：

无标题文档

从上面的代码中，可以看到每个标签都有一个开始标签和对应的结束标签，例如

为开始标记,则为之配对的结束标签。默认的HTML文档主要由几个标签组成。其中几个标签对应的含义为：

指整个HTML文档的范围，在这个标签内的所有元素与标签都会被浏览器通过HTML语言进行解释

是指当前页面的标题，在这个标签范围内的文字会以标题的形式显示在网页的最顶部。如图：

标签用于设置与调整文档的解译方式。如上面的代码例子中 是告诉浏览器，该页面属于text格式的htm文档，并且文本的编译代码为utf-8。(关于网页编码，以后再进行讲解)

标签指网页文档的主体部分，只有在该区域内的文档内容才会被浏览器显示出来。所以我们想创建第一个hello word文档，只需要在标签之间插入这段文字即可，即hello word

结语：通过本节的学习，希望您能够初步的了解html文档的组成与代码应该书写的对应范围，关于meta标签还有更多的属性，本课中就不再阐述，可以到百度中搜索相应的参考手册。