第1章Html基础祥解.ppt

* * * * * * * * * * -*- HTML 超文本标签语言 （HTML，HyperText Mark-up Language） HTML语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，其特点如下： 简易性 可扩展性 平台无关性 HTML超文本标记语言的发展历史 HTML1.0：1993年6月作为互联网工程工作小组（IETF）工作草案发布； HTML2.0：1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时； HTML3.2：1996年1月14日发布，W3C推荐标准； HTML4.0：1997年12月18日发布，W3C推荐标准； HTML4.01：1999年12月24日发布，W3C推荐标准； HTML5：2008年1月22日发布，仍继续完善。 -*- -*- HTML文档结构-1 HTML部分 HTML文档以html标签开始，/html标签结束 。 HTML文档的所有内容都在上述两个标签之间 。 语法格式如下： HEAD部分 HEAD部分以head标签开始，/head标签结束 。 HTML的HEAD部分用于对页面中使用的字符集、标签的样式、窗口的标题、脚本语言等进行说明和设置。 语法格式如下： HTML是以.html（或.htm）为扩展名的纯文本文件，一个基本的HTML文档由HTML、HEAD和BODY三部分组成。 html/html head title页面的标题部分/title ... /head -*- HTML文档结构-2 BODY部分 BODY部分以body标签开始，/body标签结束 。 BODY部分是HTML文档的主体，包含了绝大部分需要呈现给浏览者浏览的内容，如段落、列表、图像和其它元素等HTML页面元素，都通过一些标准的HTML标签来描述 。 语法格式如下： HTML部分、HEAD部分和BODY部分框架图： body ……HTML的主体部分 /body 示例：1.D.1 HelloHTML.html -*- HTML语法 标签 HTML通过标签控制文档的内容和外观，可以将标签看作是HTML的命令。 标签特点： HTML标签以一对尖括号作为开始“”，以“/”表示该HTML命令的结束，例如， body…/body 。 标签必须是闭合的。闭合就是标签的最后要有一个“/”，来表示结束，但不一定成对出现 ，例如br/单独出现，表示换行。 标签的大小写无关。HTML语言中不区分大小写。 属性 HTML属性一般都出现在标签中。作为HTML标签的一部分，HTML属性包含了标签所需的额外的信息。 语法格式如下： HTML虽然不区分大小写，但为保持内容的一致性和可读性，推荐使用小写 标签名 属性名1 = 属性值 属性名2 = 属性值内容/标签名 属性的值需要在双引号中， 属性名和属性值成对出现。 虽然HTML中的属性值不用双引号仍然可以解析，但出于编码规范的要求，在添加属性时，值通常都放在双引号中。 注释 HTML代码中添加注释的方法有2种： !-- 注释信息 -- comment注释信息/comment 1.!-- 注释信息 -- 基本语法 !-- 显示一个段落 -- 语法说明 以左尖括号和感叹号组合开始（!--），以右尖括号（--）结束。 -*- 注释 2.comment标记 基本语法 comment显示一个段落/comment 语法说明 comment标记是双标记，以comment开始，以/comment结束。标记包围的信息为注释内容。 comment显示一个段落/comment !-- edu_2_5_1.html --0002 html HTML文档编写规范 1.所有标记均以“”开始、以“”结束。 2.根据标记类型，正确输入标记，单标记最好在右尖括号前加1个斜杠“/”，如换行标记是单标记br/，双标记最好同时输入起始标记和结束标记，以免忘记。 3.标记可以嵌套使用，但不能交叉使用。 4.在HTML代码中不区分大小写。 6.标记中可以设置各种属性，属性值建议用双引号标注起来 7.书写开始与结束标记时，在左尖括号与标记名或与斜杠“/”之间不能留有多余空格，否则浏览器标记不能识别，导致错误标记直接显示在页面上，影响页面美观效果。 8.编写HTML代码时，应该使用锯齿结构，即采用缩进风格，使代码结构清晰，便于理解和分析页面的结构，便于代码后期阅读和维护。 -*- HTML文件命名规则 1.文件的扩展名为html或者htm，建议统一用html作为文件名的后缀。 2.文件名中只可由英文字母、数字或下划线组成，建议以字母或下划线开始。 3.文件名中不能