第1讲 HTML入门.pdf

·2 · HTML 网页设计参考手册 第 章 HTML 入门 HTML 的基本概念 HTML 的发展历史 网页设计原则 Dreamweaver 简介 在 Dreamweaver 中直接 编写 HTML 网页制作技术日新月异，但都是以 HTML 为基础的。HTML 是浏览器识别 网页的标记语言，可以说，没有它就没有丰富多彩的网页。本章首先让读者对 HTML 有一个初步的认识，了解其概念、发展历史以及编写方法。 第 1 章 HTML 入门 ·3 · 1.1 HTML 的基本概念 1.1.1 HTML 简介 HTML 的英文全称是Hyper Text Markup Language ，直译为超文本标记语言。它是全球广域网上描 述网页内容和外观的标准。HTML 包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述 了每个在网页上的组件，例如文本段落、表格或图像等。 事实上，HTML 是一种因特网上较常见的网页制作标注性语言，而并不能算做一种程序设计语言， 因为它缺少程序设计语言所应有的特征。HTML 通过 IE 等浏览器的翻译，将网页中所要呈现的内容、 排版展现在用户眼前。 1.1.2 HTML 的结构概念 一个完整的 HTML 文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为 HTML 元素。在 HTML 中使用标签来分割并描述这些元素。实际上可以说，HTML 文件就是由各种 HTML 元素和标签组成的。一个 HTML 文件的基本结构如下： html 文件开始标记 head 文件头开始的标记 … 文件头的内容 /head 文件头结束的标记 body 文件主体开始的标记 … 文件主体的内容 /body 文件主体结束的标记 /html 文件结束标记 从上面的代码结构可以看出，在 HTML 文件中，所有的标记都是相对应的，开头标记为 ，结束 标记为/ ，在这两个标记中间添加内容。 有了标记作为文件的主干后，HTML 文件中便可添加属性、数值、嵌套结构等各种类型的内容了。 1.1.3 HTML 的标记 既然 HTML 是超文本标记语言，那么可以想象其构成主要是通过各种标记来标示和排列各对象， 通常由尖括号“ ”、“ ”以及其中所包容的标记元素组成。例如，head与/head就是一对标记， 称为文件的头部标记，用来记录文档的相关信息。 在 HTML 中，所有的标记都是成对出现的，而结束标记总是在开始标记前增加一个“/ ”。标记与 标记之间还可以嵌套，也可以放置各种属性。此外在源文件中，标记是不区分大小写的，因此在 HTML 源程序中，Head与HEAD 的写法都是正确的，而且其含义是相同的。 HTML 定义了 3 种标记用于描述页面的整体结构。页面结构标记不影响页面的显示效果，它们是 帮助 HTML 工具对 HTML 文件进行解释和过滤的。 ·4 · HTML 网页设计参考手册 html标记：HTML文档的第 1 个标记，它通知客户端该文档是HTML文档，类似地，结束标 记/html 出现在HTML文档的尾部。 head标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，