HTML初学教程.docVIP

HTML学习笔记 Java相关课程系列笔记之六目 录 一、 HTML概述 1 1.1什么是HTML 1 1.2 Web浏览器 1 二、 HTML基础语法 2 2.1标记语法 2 2.2封闭类型标记：双标记 2 2.3非封闭类型标记：单标记或者空标记 2 2.4元素和属性 2 2.5注释 2 2.6 HTML文档的标准结构 3 2.7版本信息 3 2.8 head元素 3 2.9 body 元素 4 2.10头元素：title 4 2.11头元素：meta 4 2.12案例：创建一个标准结构的 HTML 文档，并创建头元素。 4 三、 文本标记 5 3.1文本标记的作用 5 3.2文本于特数字符 5 3.3标题元素hn 5 3.4段落元素p 5 3.5换行元素br 5 3.6分区元素span和div 5 3.7块级元素（block）和行内元素（inline） 5 3.8案例：使用文本标记为页面添加内容 6 四、 图像和连接 7 4.1图像元素img 7 4.2链接元素a 7 4.3 URL 7 4.4锚点 7 4.5案例：使用图像和链接标记 8 五、 列表标记 9 5.1列表的作用 9 5.2无序列表ul 9 5.3有序列表ol 9 5.4列表的嵌套 9 5.5案例：使用列表标记添加导航目录 9 六、 表格 10 6.1表格的作用 10 6.2创建表格 10 6.3表格的常用属性 10 6.4单元格的常用属性 10 6.5表格的标题caption 10 6.6行分组（表格特有的） 11 6.7不规则表格 11 6.8表格的嵌套 11 6.9案例：实现如下图所示表格 11 七、 表单 12 7.1表单的作用 12 7.2表单元素form 12 7.3 input元素 12 7.4文本框与密码框 12 7.5单选框和多选框 13 7.6按钮 13 7.7隐藏域和文件选择框 13 7.8 label元素 13 7.9选项框 13 7.10 textarea元素 14 7.11表单元素分组（表单元素特有的） 14 7.12案例：创建复杂表单 14 八、 框架 15 8.1浮动框架的作用 15 8.2 iframe元素 15 九、 其他注意事项 16 9.1 Web应用程序的层次结构 16 9.2界面层中根据类型应用程序的分类 16 9.3单机应用和Web应用 16 9.4 Web类型的应用程序 16 9.5本课程分为： 16 9.6何为Web基础 16 HTML概述 1.1什么是HTML 1）HTML（HyperText Markup Language）是一种超文本标记语言，是一种纯文本类型的语言，是用来设计网页的标记语言。 2）用该语言编写的文件，以.html或者.htm为后缀。 3）由浏览器解释运行。 4）HTML是一个扩展性很强的语言，可以嵌套用脚本语言编写的程序段，如：VBScript、JavaScript。嵌入JavaScript代码可以实现动态效果，同时也可以使用CSS定义样式。 1.2 Web浏览器 1）主要功能： ①代理访问者提交请求。 ②作为HTML解释器和内嵌脚本程序执行器。 ③用图形化的方式显示HTML文档。 2）主要Web浏览器产品 IE、Firefox、Chrome、Opera、Safari HTML基础语法 2.1标记语法 1）HTML用于描述功能的符号称为“标记”，比如p、h1等。 2）标记在使用时必须使用尖括号括起来，有些标记还必须成对出现。 2.2封闭类型标记：双标记 1）语法： 标记内容/标记 标记 属性1=值 属性2=值内容/标记 2）属性的声明必须位于开始标记里。 3）一个标记的属性可能不止一个，多个属性之间用空格隔开。 注意事项： 封闭类型的标记必须成对出现。 如果一个应该封闭的标记没有被封闭，则会产生意料不到的错误。 2.3非封闭类型标记：单标记或者空标记 1）语法： 标记或者标记 / 2）不需要结束标记，不能包含内容，可以设置属性。 例如： hello word brhello word hello word br /hello word 注意事项： br /为当前标准，br为早期版本。 对于单标记，建议写法 br /，而不是 br。 2.4元素和属性 1）元素：每一对尖括号包围的部分，如body/body包围的部分就叫做body元素。 2）属性：用来修饰元素，每个属性都有值，属性放在开始标记中。 2.5注释 为代码添加适当的注释是一种良好的编码习惯。 1）注释只在编辑文档情况下可见，在浏览器展示页面时并不会显示。 2）添加注释的语法： !--注释的文本内容-- 注意事项： “!--”和“--”之间的任何内容都不会显示在浏览器中。 注释不可以嵌套在其他注释中。 2.6 HT