HTML语言基础2,2 HTML语言基础.ppt

2 HTML语言基础

教学内容 理解HTML的特点和有关概念； 掌握网页文档的结构； 了解网页元素； 掌握HTML的基本语法。 教学重点、难点： 重点：HTML的有关概念、网页文档的结构、 HTML的语法要点。 难点：HTML的有关概念、网页文档的结构。 第二章 HTML语言基础 2.1　HTML语言基础知识 2.1.1 什么是HTML 2.1.2 标记 2.1.3 网页文档结构 2.1.4 网页元素 2.1.1 什么是HTML HyperText Markup Languag，超文本标记语言 HyperText “超文本”，指“超级链接” Markup 标记，如：

网页制作 Language 语言，脚本语言 HTML起源 1991年Tim Berner-Lee建立HTML 1993年Berner-Lee和Connolly完成HTML1.0版 目前版本为HTML4.0版 2.1.1 什么是HTML HTML的组成： 由数量固定的标准标记和文本组成； 每对标记由起始标记、结尾标记及它们中间的文本构成。 HTML的特点： 脚本语言，语法简单。 不区分大小写。 标记的数量固定、标准化、不能扩展。 由浏览器执行，边下载边解释边执行。 2.1.2 标记 标记的构成： 符号“”，表示：标记的结束。 标记的分类： 起始标记：如： 结尾标记：如： 2.1.2 标记 双标记：一对起始标记和结尾标记，构成一个双标记 单标记：只有起始标记，没有结尾标记，如：
、

---

标记的作用： 每对标记(由起始标记、结尾标记及它们中间的文本构成)代表一条计算机指令； 描述页面元素或对象(包括标题、段落、字体、图像、表格等)在浏览器中的显示效果。 标记的特点： 描述信息的显示效果、缺乏语义表达。 数量固定、标准化、不能扩展。 2.1.3 网页文档结构 ..文件头.... ...文件体.. 2.1.3 网页文档结构 网页文档标志： 代表文档的开始和结尾。 文件头： 设置文档标题以及其他不在网页上显示的信息。 文件体： 设置文档的可见部分 2.1.4 网页基本元素 2.2　 HTML语言语法简要 2.2.1　HTML的语法要点 2.2.2　标记的结构 2.2.3　标记的属性 2.2.4　标记的学习 2.2.1　HTML的语法要点 HTML脚本语言语法简单，所的标记是标准化的且数量固定，常用的标记数量不多，无需专门记忆，只要理解语法的几个要点便可灵巧地应用。 标记的构成：多数由始标记和尾标记成对构成，如：

网页制作

，

标记相当于一个指令，告诉浏览器文字显示成“最大的标题”。 单标记：
，。 回车：回车不分行。 连续空格：只显示一个空格。 标记不区分大小写；例：
、
、
的意义完全相同。 注释标记：之间的文字，都传统被浏览器略过不予解释。 2.2.2　标记的结构 HTML为层次结构，每对双标记组成一个“区段”，区段间嵌套结构不能交叉，如： 2.2.3　标记的属性 标记的属性表示网页元素的显示格式分量信息。 某个标记可有多个属性，标记名称与属性间，以及属性与属性间要以一个或多个空格进行分隔。 如果标记中没有书写属性，并不说明该标记没有属性，只是该标记的属性采用了默认值。 2.2.3　标记的属性 属性的格式： 属性名=”属性值” 属性名=’属性值’ 属性名=属性值 //不严格 实例： 2.2.4　标记的学习 无需专门学习或记忆，只要理解HTML的语法要点，在以后的网页制作中不断积累。 可参考附录B：P352 教学小结： 网页是网络信息的表现和思想的传播交流的主要形式。 每对标记(由起始标记、结尾标记及它们中间的文本构成)代表一条计算机指令。 标记描述页面元素或对象(包括标题、段落、字体、图像、表格等)在浏览器中的显示效果。 标记数量固定、标准化、不能扩展。 网页文档的结构由文件头(也称为头部)、文件体(也称为体部)组成。头部设置在文档中没有显示的信息；体部设置在文档中需要显示的信息。 教学小结： H