02HTML基础分析.ppt

第2章 HTML 基础 本课教学内容 静态网页制作 HTML中的常见标签 表格标签 链接和图片标签 表单标签 框架 静态网页制作 HTML 简介 HTML（HyperText Mark-up Language，超文本标记语言），是构成网页文档的主要语言。一般情况下，网页上看到的文字、图形、动画、声音、表格、链接等元素大部分都是由 HTML语言描述的。 静态网页制作 HTML 简介 HTML 语言的基本组成部分是各种标签，一张生动的网页往往含有大量的标签。使用标签，实际上就是采用一系列指令符号来控制输出的效果，如：BR，是最常使用的控制格式的标签，它表示在网页上换行。 静态网页制作 HTML 简介 HTML 有两种类型的标签，一类是单标签，BR就是一种单标签，它只需要单独一组符号就可以表示完整的功能。另一种是双标签，形如B内容/B，表示将“内容”显示为粗体，这种标签所围绕的内容就是标签作用的作用域。 静态网页制作 HTML 简介 HTML 语言对于大小写不敏感，比如马上将要学习的表示 HTML 文档的标签：html/html，也可写做HTML/ HTML，甚至可以写为HtmL/htMl，但是一般推荐，自始至终使用同一种书写方式。 HTML 文档的基本结构 HTML 文档的基本结构如下： html head 头部信息 /head body 主体 /body /html 2.1 HTML文档的基本构成 2.1 HTML文档的基本构成 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.2 HTML语言标记 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(CSS) 2.3 样式表(