第2章 HTML与CSS基础.pptVIP

第2章 HTML与CSS基础 教学提示： 上一章我们讲述了Web程序设计的相关概念，介绍了ASP编程环境的构建。本章将概要介绍HTML和CSS，HTML是Web页面的描述性语言，不管在Web上发布信息，或者编写可供交互的程序，都离不开HTML语言的应用。虽然HTML语言对于制作一般的网页完全可以胜任，但为了美观与交互效果，我们还需要用到很多网页技术，其中最重要的就是CSS。CSS是一个排版样式标准。 教学要求： 由于表格、超级链接、表单与框架结构这些页面元素在ASP网页中经常使用,而且使用起来比其他HTML元素也要相对复杂些,所以本章我们重点介绍它们,也要求读者熟练掌握它们的使用。掌握CSS的使用。 2.1 HTML语言概述 HTML英文全称是“Hyper Text MarkUp Language”，中文叫做“超文本标记语言”。 2.1.1 HTML标记和属性 HTML是一种描述文档结构的标记性语言，它使用一些约定的标记对WWW上的各种信息进行标记。当用户浏览WWW信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的信息。 标记符是一些字母或单词，并被放在尖括号内，例如：HTML……/HTML。HTML文件可支持很多种标记符，而我们常讲的学习HTML语言实际上就是学习这些各种各样的标记符。 每种标记符的作用均不同，例如，如果有的控制将文字放大，有的控制将文字居中显示，有的则负责与其他信息进行链接。当你需要对某处进行修改时，就把标志符放置在该处前面，这时浏览器就会知道你希望下面的内容应如何显示了。 标记符主要分为：单标记指令、双标记指令 ( 由 起始标记 ， / 结束标记 所构成 ) 。也就是说单标记指令只有一个开始标记，如BR或IMAGE。而双标记指令是由一个开始标记和一个结束标记构成，如：html……/html，它必须成对出现。 大多数标记都拥有一个属性集，通过这些属性可以对作用的内容进行更多的控制。在HTML语言中，所有属性都放在开始标记的尖括号内。 例如，使用FONT标记设置文本格式时，可以使用FACE属性来指定所用的字体，使用SIZE属性来指定所用的字号。请看下面的HTML代码： FONT FACE=楷体 _GB3212 SIZE=2 心想事成 /FONT 2.1.2 HTML文档结构 通常一份HTML网页文件包含二个部份：头部与体部。 下面看HTML文件基本架构 ： HTML HEAD /HEAD BODY 网页内容 /BODY /HTML 其中HEAD.../HEAD 标记头部、 BODY.../BODY标记体部。而 HTML 和 /HTML 代表网页文件格式。 2.1.3 HTML常用内容 下面我们给出HTML容易掌握和使用的内容，对不容易掌握使用和后面章节经常要打交道的内容，我们在本章后面各节中详细介绍。 8. Tables表格及表格属性 我们在2.2节介绍。 9. Links链接 我们在2.3节介绍。 10. 表单 我们在2.4节详细讲解表单的使用。 11. 框架及框架属性 我们在2.4节介绍。 2.2 使用表格 表格，一般的用于对网页的内容进行排版，比如文字放在页面的某个位置，你就可以做个表格，然后设置一下表格的属性，文字放在表格的某个单元格里，除了页面的排版外，表格还可以制作出非常好看的效果，比如按钮、变色、边线等等。表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格，使页面更加整齐美观，利于浏览者浏览。 2.2.1定义表格 我们来看一下再HTML中创建表格的方法。 格式：TABLE.../TABLE 创建表格，表格的外观有其属性决定，它的相关属性如下表： 2.2.2其他定义 我们来看一下创建完表格之后还有没有其他可以设置的。 1.定义表行 格式：TR.../TR 定义表格的一行，对于每一行，可以定义行属性。 2.定义表头 格式：th.../th 3.定义表元 格式：td.../td 2.3 使用超级链接 加入超级链接就是在两个网页或一个网页与另外网页元素建立链接，链接的目标可以是网页文档、图片、软件等。链接，一般分为内部链接与外部链接。创建的方法如下： 格式：A…/A 在当前页面或其他页面间建立超级链接其主要标记符HREF其值为要链接文件的路径，另外一个重要的值为TARGET。TARGET的意思是目标，也就是网页链接的指向目标。 2.3.1 外部链接 例2-4 链接至网络的某个URL网址或文件。网页文件outerlink.htm内容如下： 2.3.2 内部链接 链接HTML文件中的某个位置或其他网页文件中的具体位置。 使用方法： （1）先在欲链接处作记号：a name=