第二章 HTML基础概述.ppt

HTML语言 第2章　HTML基础 本章重点： 1）HTML标记的用法和功能； 2）HTML网页的基本结构； 3）利用HTML标记符编写简单网页。 目 录 2.1 创建简单网页 2.2 编辑网页文本 2.3 使用列表 2.4 创建网页超链接 2.5 插入图像 2.6 使用表格布局网页 2.7 制作框架网页 2.8 设计网页表单 2.9 编写应用样式表的网页 2.10 制作特殊效果网页 2.11 制作“个人网站” 2.1创建简单网页 2.1.1创建简单网页 HTML（HyperTextMark-upLanguage）即超文本标记语言，是一种用来在WWW（World Wide Web）上表示信息的描述性的标记语言。 HTML文本是由HTML标记组成的描述性文本，HTML标记可以说明文字、图形、动画、声音、表格、链接等。 生成一个HTML文本通常可以通过以下四种方法： （1）利用各种文本编辑器（如Windows记事本）直接使用HTML语言编写。 （2）借助一些HTML的编辑工具，如FrontPage 、HotDog等。 （3）其他格式的文档（如WORD文档）转换成HTML文本。 （4）由Web服务器端实时动态地生成。 【例2-1】 创建一个简单的网页，步骤如下： （1）选择“开始”→“程序” →“附件” →“记事本”命令，打开记事本程序。输入以下HTML代码： HTML HEAD TITLEHTML实例/TITLE /HEAD BODY BGCOLOR=#FFFFFF P这是一个简单的HTML实例/P /BODY /HTML （2）选择“文件”菜单下的“保存”命令，打开“保存”对话框，在“文件名”框中输入文件名和文件扩展名（2-1.htm），选择合适的目录，然后单击“保存”按钮。 （3）在浏览器中打开运行该文件（2-1.htm），运行结果如图1-1所示。 2.1.2认识HTML文档基本结构 1．HTML文件的基本框架　　HTML文件是用ASCII码表示的文本文件，其基本框架如下：（1）文件的内容部分：　　如2-1.htm文件中的文本“这是我的第一个HTML网页”，直接显示在浏览器窗口中。 （2）HTML的标记符：　　如1-1.htm文件中的HTML/HTML等，这是HTML的标记符（也称为标识或标签）。它们不会显示在浏览器上，而是用于标记网页中要显示的各个部分，以通知Web浏览器应该如何显示网页，即确定网页内容的格式。　 　大多数HTML标记符的书写格式如下：　　　　　　标记符 内容 /标记符　　因此在HTML文档中这样的标记符大多都是成对出现的，一对标记符仅对包含在其中的内容发生作用。注意：特殊的标记符——注释。注释的起始标记为“!- -”，结束标记为“-- ”，注释内容放在两个标记之间，并且注释内容中不允许包含“- - ”字符串。 （3）属性及属性值：　　HTML中的许多标记都含有提供相关信息的属性，属性通常含有一个值，该值在规定的区域内选取。在属性值的前后通常应加上双引号 ，若属性值由英文字母、数字及小数点组成，则双引号可以省略。 2．HTML文件的四对基本标记： （1）HTML/HTML　　用于标记HTML文档的起始与结束。 （2）HEAD/HEAD　　HEAD和/HEAD是网页的头部标记，在这对标记符之间可以使用TITLE /TITLE、SCRIPT/SCRIPT等描述HTML文档相关信息的标记符，HEAD/HEAD标记符之间的内容一般不会在浏览器窗口内显示。 （3）TITLE/TITLE　　用于标记浏览器的窗口标题，一般是网页的“主题”，位于HEAD/HEAD标记之间。 （4）BODY/BODY　　BODY/BODY是HTML文档的主体部分，在此标记符之间可包含P/P、H1 /H1、IMG等众多的标记，它们所定义的文本、图像等会在浏览器内显示。 例如背景色彩和文字色彩 设置网页的背景色彩和文字色彩可通过设置BODY标记的属性来实现，具体格式如下： BODY bgcolor=# text=# link=# alink=# vlink=# BODY标记中常见的有以下属性： 练习：在D盘上建立一个文件夹，在这个文件夹中建立一个主页，名为index.htm，使用记事本编辑此网页，网页标题为“我的第一个网页”，网页内容为白底红字的“我学ASP”。 2.2 编辑网页文本 ?2.2.1设定网页中的文本 　在HTML中，可以使用字体标记FONT来设置文本的字符格式。文本置于FONT和/FONT标记之间，并通过它的face、size、color属性来设置文本的字体、