HTML编程基础[沐风书苑].ppt
《HTML编程基础[沐风书苑].ppt》由会员分享,可在线阅读,更多相关《HTML编程基础[沐风书苑].ppt(32页珍藏版)》请在三一文库上搜索。
1、第2章 HTML编程基础,2,1,参考幻灯,内容提要,本章首先介绍HTML的发展历史,然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记:文字标记、图片标记和超级链接标记,等等。 介绍CSS的基本使用方法,介绍如何让CSS与HTML协同工作。,2,HTML概述,在20世纪90年代Web网络的迅速兴起,使得HTML空前繁荣。当时,HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑,迫切需要制定一个公认的HTML语言规范。 1995年11月,Internet Engineering Task Force(IETF)整理了以前的各种版本,倡导并主持开发HTML2.0规范,同年推出
2、HTML3.0技术规范。1996年,World Wide Web Consortium(W3C)的HTML Working Group开始组织编写新的规范,于1997年1月推出了HTML3.2。在HTML3.2中做了许多重要改动。到1999年下半年推出到现在依然使用的HTML4.0。,3,案例名称:HTML网页框架,案例名称:HTML网页框架 程序名称:2-01.htm ,这是一段最基本的HTML标识,任何HTML文档都是由一个和标记包含的,然后分为和两大部分,页面的标识一般都是在标识中定义的。HTML文件不区别大小写,浏览器认为和是一样的,在使用的时候需要保持风格的完整性。 HTML文件的扩
3、展名可以是.htm或者.html都可以,现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名,而在Windows操作系统上用.htm,因为早期的Windows操作系统不支持三个以上字母的文件扩展名。,4,HEAD头元素,HEAD头元素主要包括该页面的一些基本描述语句。META的属性包括: Description,网页的描述信息; Keywords,关键字,当搜索引擎查找时,按此关键字查找; Content-type,用来设置该网页的编码; Author,用来设置该网页的作者姓名; Refresh,用来设置网页的自动更新。当CONTENT =3; URL=http:/时,该网
4、页打开3秒钟后,就自动的转到网站,5,HTML的常用标记,HTML的常用标记有一些共同特点:都放在BODY标记里面。 常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等。,6,字体标记,处理文字时通常利用如“ xx”的标记 定义字符xx的字体显示为隶书,字号是40,颜色是红色。程序2-03.htm说明如何使用文字格式。,7,图片标记,利用“”格式可以插入一张图片,myimage.jpg文件必须和该HTML文件放在同一个目录下。 IMG是HTML的一个标记,是IMAGE的缩写;SRC属性给出要连接的图片的路径和文件名,8,超级链接,使用超级链接的基本的语法是:XX。XX是一个超级链接,
5、连接到Address.htm文件; 是单词Anchor的缩写,中文的意思是“锚”,功能是从一个页面链接到另一个页面;属性HREF定义的是链接到哪一页。,9,书签链接,如果某个页面很大,为了加强层次感,需要引入书签链接。 使用的方法和超级链接类似。,10,电子邮件链接,电子邮件链接提供了当点击页面上的链接时,将自动打开默认的邮件发送程序发邮件。,11,列表,列表有两种方式,一种是有序列表,另一种是无序列表。 无序列表是所有的行之前都有一个小圆圈,而有序列表是自动排序的,前面有序号。,12,基本表格,是表格的基本标记。代表表格的行,代表表格的列。 定义一个三行两列的表格如程序2-09.htm所示。
6、,13,表格的灵活应用,(1)ROWSPAN和COLSPAN属性的使用方法。 利用ROWSPAN属性设置该单元格占用多行,利用COLSPAN属性设置该单元格是占用多列。,14,Cellpadding和Cellspacing,(2)Cellpadding和Cellspacing属性的使用方法。 Cellpading的意思是单元格的边距,指的是字与单元格边框的距离。Cellspacing的意思是单元格间距,指的是单元格之间的距离。,15,表格的样式,BORDERCOLOR属性设置表格边框的颜色,BGCOLOR属性设置背景颜色,ALIGN属性设置表格的对齐方式,标记是将内部的文字加粗显示。显示的结果
7、,16,表单,表单的功能是收集用户信息实现系统与用户交互。比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程为:当单击表单中的提交按钮时,表单中的信息就会上传到服务器中,然后由服务器端的应用程序(例如CGI,ASP,PHP或JSP等)进行处理,处理后将用户提交的信息存储在服务器端的数据库中,或者将有关信息返回到客户端浏览器上。,17,(1)表单头及其属性,表单的通用格式是:XX 。 表单元素包含在标记中,有两个重要的属性:METHOD=“Post”或“Get”,Post和Get方式的区别在于Post是一种邮寄的方式,在浏览器的地址栏中不显示提交的信息,这种方式传送的
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 沐风书苑 HTML 编程 基础
链接地址:https://www.31doc.com/p-11895084.html