《《HTML文档的结构》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《HTML文档的结构》PPT课件.ppt(25页珍藏版)》请在金锄头文库上搜索。
1、 本书编委会 编著实例版实例版第2章 HTML文档的结构2.1 HTML文档的结构2.2 HTML基本语法2.3 HTML文件的命名2.4 编写HTML文件的注意事项2.5 小实例插入图片与表格2.6 习题HTML/CSS/JavaScript 标准教程实例版(第2版)HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.1 HTML文档的结构HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.2 HTML基本语法2.2.1 标记语法 1、什么是标记 2、标记类型和语法 *单标记 *双标记 实例HTML/CSS/JavaScript 标准教程实例版(第
2、2版)第章22.2 HTML基本语法2.2.2 属性语法 1 什么是属性 2属性语法 HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.2.2 属性语法 实例1 HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.2.2 属性语法 实例1 HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.2.2 属性语法 实例2 HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.2.2 属性语法 实例2HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.3 HTML文件的命名注意: 文件的扩展名
3、要以.htm或.html结束。 文件名中只可由英文字母、数字或下划线组成。 文件名中不要包含特殊符号,比如空格、$等。 文件名是区分大小写的,在Unix和Windows主机中有大小写的不同。 网站首页文件名默认是index.htm或index.html。HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.4 编写HTML文件的注意事项 所有标记都要用尖括号()括起来,这样,浏览器就可以知道,尖括号内的标记是HTML命令。 对于成对出现的标记,最好同时输入起始标记或结束标记,以免忘记。 采用标记嵌套的方式可以为同一个信息应用多个标记,如下:同一个信息同一个信息 在代码中,不
4、区分大小写,比如,将写成或都可以。 任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是 、。因此,不同的标记间用回车键换行再编写是个不错的习惯。HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.4 编写HTML文件的注意事项标记中不要有空格,否则浏览器可能无法识别,比如不能将写成。下面的代码中有误,将该文件存为.html文件后,用浏览器打开,所定义的文字没有在浏览器标题中显示,反而显示在正文中,而错误的标记也被当作正文来显示。HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.4 编写HTML文件的注意事项HTML/CSS/J
5、avaScript 标准教程实例版(第2版)第章22.4 编写HTML文件的注意事项 标记中的属性,可以用双引号()引起来,也可以不引。比如,下面的写法都是正确的: HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格在间定义头部信息。HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格在间写两段代码,插入横幅banner图片和一段正文文字。HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格在间输入代码HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格接上页HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格接上页HTML/CSS/JavaScript 标准教程实例版(第2版)第章22.5 小实例插入图片与表格最终效果