【网页设计】【HTML+CSS】【第1章 认识HTML语言】.pdfVIP

·1 · 第1章 认识HTML语言 从本章开始，本书来介绍 HTML+CSS 方面知识。前面部分主要介绍 HTML （Hyper Text Markup Language 超文本标记语言），然后介绍如何在 HTML 里面用 DIV 和 CSS 结合来控 制 HTML 标签表达页面效果，接着介绍 CSS 常用的属性，最后，用不同的网站风格来布局 主页，灵活运用学过的 HTML 和 CSS 知识。 本章节主要给读者介绍 HTML 语言，通过介绍，让读者对 HTML 语言有初步认识。学 好 HTML 是网页前台制作的基础，从而为以后做网页打好基础。在学习本章前，先告诉读 者，先从 HTML 语言最基础的部分介绍，如什么是 HTML ，用什么来写HTML 代码，怎么 查看写完代码后的效果等，在将要学习本章时，以下知识点即将要介绍给读者，内容如下： HTML 标记概念 怎么创建网页 HMTL 页面运行环境 如果在 window 系统安装编写 HTML 软件 HTML 最其本的代码是什么 HTML 有哪些浏览器支持 1.1 HTML 简介 HTML 是一种用来制作超文本文档的简单标记语言。用 HTML 编写的超文本文档称为 HTML 文档，自 1990 年以来 HTML 就一直被用作 World Wide Web 上的信息表示语言，用 于描述网页的格式设计和它与 WWW 上其他页面的连结信息。 HTML 语言是通过利用各种标记（tags ）来标识文档的结构以及标识超链（Hyperlink ） 的信息。但有时因不同浏览器显示不同的效果，这就是为什么同一文档在不同的浏览器中 展示的效果会不一样。 目前HTML 语言的版本是 2.0 ，它是基于 SGML（Standard Generalized Markup Language， 标准广义置标语言，是一套用来描述数字化文档的结构并管理其内容的复杂的规范）中的 一个子集演变而来的。 现在很多工具都支持“所见即所得”。“所见即所得”是指在工具上直接编辑页面效 果，可以不用管理 HTML 代码，换言之，在不知道 HTML 的前提下，有了“所见即所得” 的工具也可以做网页，但需要提醒读者的是，那些“所见即所得”工具的确给网页制作带 来很大方便，很多人使用，但原理还离不开 HTML 语言，只不过它用另一种方式帮用户写 好了这些代码，要注意，万变不离其宗，学好了 HTML 语言，要使用那些“所见即所得” 的工具时，可以不使用“所见即所得”的功能。 ·2 · 在以后的学习过程中，会慢慢对 HTML 有清晰认识。 说明：dreamweaver 8 这种工具就是一个“所见即所得”的好工具，它给网页制作者带 来很大方便，实现“所见即所得”完全依赖于dreamweaver 8 的内置浏览器，这样直接可以 在dreamweaver8 里面看到HTML 代码效果。 1.2 HTML 由标记组成 HTML 用于描述功能的符号称为“标记”。如“HTML ”、“BODY ”、“TABLE ” 等。标记在使用是必须用方括号“ ”括起来，而且是成对出现，无斜杠的标记表示该标 记的作用开始，有斜杠的标记表示该标记的作用结束。 HTML 标记是由小于号（ ）和大于号（ ）组成，浏览器会对尖括号里面的标记解释。 如在 HTML 代码中出现p/p标记对时，浏览器解释该标记对的过程中，会把它们看成段 落并以段落的样式显示在网页中，同理，table/table标记对浏览器看做表格来解析。在 标记中，可分成单标记和双标记，而双标记即是刚刚提到的标记对。 1.2.1 单标记 有些标记能完成的表达标记里的意思，只需在尖括号中输入标记名即可，这类标记叫 单标记，一种单标记表示一种功能，即没有范围之分，单标记语法形式为： 标记 其中的标记是指英文字母，这种字母是 HTML 提供，并有特殊功能，如hr表示画一 条横线，再如最常用的是换行标记br ，表示给标记处换行，br标记告诉浏览器让其解 析br 时强行换行，这些单标记可以在网页中任意嵌套。 1.2.2 双标记 “双标记”与单标记刚好相反，这种标记有头有尾，且前头标记与后面的标记保持一 样，但在后面标记前有斜线，所以叫双标记。其中开始标记是告诉浏览器从本处开始标记 所表达的功能，再由尾标记告诉浏览器