3.1 认识HTML_Dreamweaver CC网页设计自学经典-QQ阅读男生玄幻网

上QQ阅读APP看书，第一时间看更新

3.1 认识HTML

HTML又称为超文本标记语言（HyperText Markup Language）是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息，例如标识标题、段落和列表等，也可用来在一定程度上描述文档的外观和语义。

3.1.1 HTML语言简介

HTML，即超文本标记语言，是目前因特网上用于编写网页的主要语言。之所以称为超文本，是因为文本中包含了所谓的“超链接”点。这也是HTML获得广泛应用的最重要的原因之一。但它并不是一种程序设计语言，而是一种规范，一种标准，通过标记符号来标记网页中要显示的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，来告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图像如何显示等）。

HTML文件是一种可以用任何文本编辑软件创建的ASCII码文件。常见的文本编辑软件如“记事本”“写字板”等都可以编写HTML文件，在保存时以.htm或.html作为文件的扩展名。当使用浏览器打开这些文件时，浏览器对文件进行解释，浏览者就可以从浏览器窗口中看到网页要显示的内容。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容；对书写出错的标记将不指出其错误，且继续执行解释过程。网页制作者只能通过显示效果来分析出错原因和出错位置。需要注意的是，不同的浏览器对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示结果。

HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签，HTML就是使用标记标签来描述网页的。下面介绍它的语法结构。

3.1.2 HTML的基本语法结构

1. 标记和属性

HTML文件由标记和被标记的内容组成。标记被封装在“<”和“>”所构成的一对尖括号中，如<P>，在HTML中标识段落。标记分为单标记和双标记。双标记用一对标记对所标识的内容进行控制，包括开始标记符和结束标记符；而单标记则不需要标记符成对出现。这两种标记的格式如下。

单标记格式：<标记>内容

双标记格式：<标记>内容</标记>

标记规定的是信息内容，但标记中的文本、图像等信息内容将怎样显示，还需要在标记后面加上相关的属性来指定。标记的属性用来描述对象的特征，控制标记内容的显示和输出格式。标记通常都有一系列属性。设置属性的一般语法结构为：

<标记属性1=属性值属性2=属性值……>内容</标记>

例如，要将页面中段落文字的颜色设置为红色，则应设置其color属性的值为red，具体格式是：

  <p color=red>内容</p>

要说明的是，并不是所有的标记都有属性，例如换行标记<br/>就没有属性。一个标记可以有多个属性，在实际使用时可根据需要设置其中一个或多个属性，这些属性之间没有先后顺序之分。

2. HTML文件结构

HTML文件必须以<html>标记开始，以</html>标记结束，其他标记都包含在这里面。在这两个标记之间，主要包括HTML文件的文件头和文件体两个部分。下面以一个简单的网页为例来说明。

打开“记事本”程序，输入以下内容。输入后的结果如图3-1所示。

图3-1 添加代码

  <html>
<head>
<title>欢迎光临我的小站！</title>
</head>
<body>
<center> <font size= 5 color= blue > 借一场花开，躲一场人海 </font> </center>
</body>
</html>

然后执行“文件”→“另存为”命令，这时会弹出“另存为”对话框，在“保存类型”右边的下拉菜单里选择“所有文件”。这一点很重要，否则，它将被保存为纯文本文件，而不是HTML文件。将输入的内容保存成名为“index.htm”的HTML文件，也可以命令为“index.html”，然后设置保存路径并保存。双击保存的HTML文件，在浏览器中打开，如图3-2所示。

图3-2 打开制作的网页

可以看到，整个文档内容包含在HTML标记中。<html>和</html>成对出现，<html>处于文件的第一行，表示文档的开始，</html>位于文件最后一行，表示文档的结束。

文件头部分用<head>标记标识，处于第二层。<head>和</head>成对出现，包含在<html>和</html>中。<head>和</head>之间包含的是文件标题标记，它处于第三层。网页的标题内容“欢迎光临我的小站”写在<title>与</title>之间。文件头部分用于对网页信息进行说明，在文件头部分定义的内容通常不在浏览器窗口中出现。

文件体部分用<body>标记标识，它也处于第二层，包含在<html>标记内，在层次上和文件头标记并列。网页的内容，如文字、图片、动画等就写在<body>和</body>之间，它是网页的核心。从图3-2中可以看到，浏览器顶端标题栏中显示的文字就是网页的标题，是<title>和</title>之间的内容；而源代码<body>和</body>间的内容显示在浏览器窗口中。