【前端开发从零学起】初识HTML与其基本标签的作用

什么是HTML?

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

HTML文档是什么?

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

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

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


<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title>无标题文档title>
head><body>
body>
html>

从上面的代码中,可以看到每个标签都有一个开始标签和对应的结束标签,例如为开始标记,则为之配对的结束标签。默认的HTML文档主要由

<html><title><head><body><meta> 几个标签组成。其中几个标签对应的含义为:

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

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

 72456229

<head>标签为这个页面的头部信息部分,主要用于书写meta标签,用于提前告诉浏览器该页面的属性,以哪种形式显示。在head标签内文字内容不会在页面中被显示。

<meta>标签用于设置与调整文档的解译方式。如上面的代码例子中<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> 是告诉浏览器,该页面属于text格式的htm文档,并且文本的编译代码为utf-8。(关于网页编码,以后再进行讲解)

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

<body>hello word</body>

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