html+css+javascript 标准教程(第二版)02

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