第1章 认识HTML语言.pptVIP

第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语言，要使用那些“所见即所得”的工具时，可以不使用“所见即所得”的功能。 1.2 HTML由标记组成 HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。 HTML标记是由小于号（）和大于号（）组成，浏览器会对尖括号里面的标记解释。如在HTML代码中出现p/p标记对时，浏览器解释该标记对的过程中，会把它们看成段落并以段落的样式显示在网页中，同理，table/table标记对浏览器看做表格来解析。在标记中，可分成单标记和双标记，而双标记即是刚刚提到的标记对。 1.2.1 单标记 有些标记能完成的表达标记里的意思，只需在尖括号中输入标记名即可，这类标记叫单标记，一种单标记表示一种功能，即没有范围之分，单标记语法形式为： 标记 其中的标记是指英文字母，这种字母是HTML提供，并有特殊功能，如hr表示画一条横线，再如最常用的是换行标记br，表示给标记处换行，br标记告诉浏览器让其解析br时强行换行，这些单标记可以在网页中任意嵌套。 1.2.2 双标记 “双标记”与单标记刚好相反，这种标记有头有尾，且前头标记与后面的标记保持一样，但在后面标记前有斜线，所以叫双标记。其中开始标记是告诉浏览器从本处开始标记所表达的功能，再由尾标记告诉浏览器结束，构成尾标记是在小于号后面加斜杠，语法形式为： 标记内容/标记 其中，标记指的是字母关键字组成的标记，如div/div组成一个层，table/table组成一个表格，而“内容”是被标记修饰的部分，从标记对前到标记对结束的内容都被标记对修饰着，如div这是一个层/div中的文本文字“这是一个层”被div标记对修饰表示一个层的内容，再如p段落内容/p中的“段落内容”被p标记对修饰，表示一个段落等。双标记可以多层嵌套，如在p/p标记对中可以嵌套div/div标记对或其他标记对，在多个嵌套中，一个标记对的结束标记对最近一个标记对开始标记配对。值的注意的是，标记对不能交叉。 1.3 创建第一张网页 通过前面小节的学习，知道了网页的基本结构由网页头部和网页体组成，所以每一张网页都离不开HTML的基本结构，为了证实网页头和网页体组成网页的效果，下面来创建第一张网页。本节给读者完成一张简单的网页，从基本标记一步一步完成。 1.4 浏览HTML的浏览器兼容 目前主流浏览器只有微软的IE和火狐（firefox），不管现在编写HTM