HTML编程基础稿件.ppt

* * 第2章 HTML编程基础 优选文档 * 内容提要 本章首先介绍HTML的发展历史，然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记：文字标记、图片标记和超级链接标记，等等。 介绍CSS的基本使用方法，介绍如何让CSS与HTML协同工作。 * HTML概述 在20世纪90年代Web网络的迅速兴起，使得HTML空前繁荣。当时，HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑，迫切需要制定一个公认的HTML语言规范。 1995年11月，Internet Engineering Task Force（IETF）整理了以前的各种版本，倡导并主持开发HTML2.0规范，同年推出HTML3.0技术规范。1996年，World Wide Web Consortium（W3C）的HTML Working Group开始组织编写新的规范，于1997年1月推出了HTML3.2。在HTML3.2中做了许多重要改动。到1999年下半年推出到现在依然使用的HTML4.0。 * 案例名称：HTML网页框架 案例名称：HTML网页框架 程序名称：2-01.htm HTML HEAD TITLE/TITLE /HEAD BODY/BODY /HTML 这是一段最基本的HTML标识，任何HTML文档都是由一个HTML和/HTML标记包含的，然后分为HEAD和BODY两大部分，页面的标识一般都是在BODY标识中定义的。HTML文件不区别大小写，浏览器认为HTML和html是一样的，在使用的时候需要保持风格的完整性。 HTML文件的扩展名可以是.htm或者.html都可以，现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名，而在Windows操作系统上用.htm，因为早期的Windows操作系统不支持三个以上字母的文件扩展名。 * HEAD头元素 HEAD头元素主要包括该页面的一些基本描述语句。META的属性包括： Description，网页的描述信息； Keywords，关键字，当搜索引擎查找时，按此关键字查找； Content-type，用来设置该网页的编码； Author，用来设置该网页的作者姓名； Refresh，用来设置网页的自动更新。当CONTENT =3; URL=时，该网页打开3秒钟后，就自动的转到网站 * HTML的常用标记 HTML的常用标记有一些共同特点：都放在BODY标记里面。 常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等。 * 字体标记 处理文字时通常利用如“FONT FACE=”隶书“ SIZE=”5“ COLOR=”red“ xx/FONT”的标记 定义字符xx的字体显示为隶书，字号是40，颜色是红色。程序2-03.htm说明如何使用文字格式。 * 图片标记 利用“IMG SRC=”myimage.jpg“ WIDTH=”300“ HEIGHT=”200“ BORDER=”10“”格式可以插入一张图片，myimage.jpg文件必须和该HTML文件放在同一个目录下。 IMG是HTML的一个标记，是IMAGE的缩写；SRC属性给出要连接的图片的路径和文件名 * 超级链接 使用超级链接的基本的语法是：A HREF=“Address.htm”XX/A。XX是一个超级链接，连接到Address.htm文件； A是单词Anchor的缩写，中文的意思是“锚”，功能是从一个页面链接到另一个页面；属性HREF定义的是链接到哪一页。 * 书签链接 如果某个页面很大，为了加强层次感，需要引入书签链接。 使用的方法和超级链接类似。 * 电子邮件链接 电子邮件链接提供了当点击页面上的链接时，将自动打开默认的邮件发送程序发邮件。 * 列表 列表有两种方式，一种是有序列表，另一种是无序列表。 无序列表是所有的行之前都有一个小圆圈，而有序列表是自动排序的，前面有序号。 * 基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 定义一个三行两列的表格如程序2-09.htm所示。 * 表格的灵活应用 （1）ROWSPAN和COLSPAN属性的使用方法。 利用ROWSPAN属性设置该单元格占用多行，利用COLSPAN属性设置该单元格是占用多列。 * Cellpadding和Cellspacing （2）Cellpadding和Cellspacing属性的使用方法。 Cellpading的意思是单元格的边距，指的是字与单元格边框的距离。Cellspacing的意思是单元格间距，指的是单元格之间的距离。 * 表格的样式 BORDERCOLOR属性设置表格边框的颜色，BGCOLOR属性设置背景颜色，ALIGN属性