htnlcss详细介绍.pptVIP

第2章 Web编程基础 内容提要 HTML的发展历史 HTML的基本框架 HTML的各种常用标记 文字标记 图片标记 超级链接标记 CSS的基本使用方法 如何让CSS与HTML协同工作 HTML概述 要把信息发布到全球，就必须要使用能够被大众接受的语言，也就是使用一种大多数计算机能够识别的语言 在Internet上，通常使用的发布语言是HTML（Hyper Text Makeup Language），即超文本标识语言。 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文件的扩展名可以是.htm或者.html都可以，现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名，而在Windows操作系统上用.htm，因为早期的Windows不支持三个以上字母的文件扩展名。 HEAD头元素 META的属性包括：Description，网页的描述信息；Keywords，关键字，当有哪些信誉好的足球投注网站引擎查找时，按此关键字查找；Content-type，用来设置该网页的编码；Author，用来设置该网页的作者姓名；Refresh，用来设置网页的自动更新。当CONTENT =“3; URL=”时，该网页打开3秒钟后，就自动的转到网站，使用方法如程序2-02.htm所示。 案例名称：HTML网页框架 程序名称：2-02.htm ? HTML HEAD META NAME=Description CONTENT=The Page Of HTML META NAME=Keywords CONTENT=Good,Better,Best META HTTP-EQUIV=Content-type CONTENT=Text/html;charset=gb2312 META NAME=Author CONTENT=Zhou RunFa META HTTP-EQUIV=Refresh CONTENT=3; URL= TITLE我的第一页面/TITLE /HEAD BODY/BODY /HTML HEAD头元素 当该页面被打开，3秒后就会自动转到网站，Title标记显示在浏览器的标题栏上。 HTML的常用标记 HTML的常用标记有一些共同特点 都放在BODY标记里面。 字体标记 案例名称：使用字体标记 程序名称：2-03.htm ? HTML HEAD TITLE/TITLE /HEAD BODY FONT FACE=隶书 SIZE=5 COLOR=Blue 本书主要对ASP网页编程作了系统的介绍， 本书的特色是以案例为主，以知识点为主线。全书有30个完整的案例和超过200个基本程序。 /FONT /BODY /HTML 字体标记 文字标记中，Face属性的功能是设置字体，双击“控制面板”中的“字体”，可以看到可以引用字体的名称，这些字体的名称都可以给FACE属性赋值。 注意： （1）HTML文件不区分大小写，书写起来比较灵活； （2）HTML文件可以在资源管理器中双击该文件来执行。 图片格式 案例名称：使用图片标记 程序名称：2-04.htm ? HTML HEAD TITLE/TITLE /HEAD BODY IMG SRC=myimage.jpg WIDTH=300 HEIGHT=200 BORDER=10 /BODY /HTML 超级链接 案例名称：使用超级链接 程序名称：2-05.htm ? HTML HEAD TITLE/TITLE /HEAD BODY 其他文件A HREF=2-05.htm上一个页面/ABR 位于北京的A HREF=清