HTML CSS JavaScript 网页制作从入门到精通 第3版
上QQ阅读APP看书，第一时间看更新
上一章目录下一章

1.1 HTML的基本概念

HTML的英文全称是Hyper Text Markup Language，即网页超文本标记语言，也是全球广域网上描述网页内容和外观的标准。

1.1.1 HTML简介

HTML作为一款标记语言，本身不能显示在浏览器中。经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化，从单一的文本显示功能到多功能互动，经过多年的完善，已经成为了一款非常成熟的标记语言。

HTML不是一款编程语言，而是一款描述性的标记语言，用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等，这些都是利用HTML标记完成的。其最基本的语法就是：<标记符>内容</标记符>。标记符通常都是成对使用，有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后，就会解释里面的标记符，然后把标记符相对应的功能表达出来。

如在HTML中用<I></I>标记符来定义文字为斜体，用<B></B>标记符来定义文字为粗体。当浏览器遇到<I></I>标记时，就会把<I></I>标记中的所有文字以斜体样式显示出来。遇到<B></B>标记时，就会把<B></B>标记中的所有文字以粗体样式显示出来。

1.1.2 HTML文件的基本结构

完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。一个HTML文件的基本结构如下。

    <! doctype html>
    <html>文件开始标记<head>文件头开始的标记
    ……文件头的内容
    </head>文件头结束的标记
    <body>文件主体开始的标记
    ……文件主体的内容
    </body>文件主体结束的标记
    </html>文件结束标记

从上面的代码可以看出，在HTML文件中，所有的标记都是成对的，开头标记为<>，结束标记为</>，在这两个标记中间添加内容。

1.1.3 认识HTML标记

HTML是超文本标记语言，主要通过各种标记来标示和排列各对象，通常由尖括号“<”“>”和其中所包含的标记元素组成。

在HTML中，所有的标记都是成对出现的，而结束标记总是在开始标记前增加一个“/”。标记与标记之间还可以嵌套，也可以放置各种属性。此外，在源文件中标记是不区分大小写的。

HTML定义了以下4种标记，用于描述页面的整体结构。

● <! doctype html>：告知浏览器文档所使用的HTML规范。

● <html>标记：把它放在HTML的开头，表示网页文档的开始。

● <head>标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，其结束标记</head>指明文档标题部分的结束。

● <body>标记：用来指明文档的主体区域，网页所要显示的内容都放在这个标记内，其结束标记</body>指明主体区域的结束。

上一章目录下一章