第8章 HTML 语言速成1.ppt

第8章 HTML 语言速成 本章内容 8.1 网页的HTML构成 8.2 HTML常用标签 8.3 HTML中的画中画（IFrame） 8.4 滚动的文字或图片 8.5 制作网页实例 8.1 网页的HTML构成 HTML即超文本标记语言，是WWW的描述语言。HTML文本是由HTML标记组成的描述性文本，HTML标记可以用于说明文字、图形、动画、声音、表格和链接等。HTML的结构包括头部（Head）和主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML文档的三对基本标签 HTML............................................. HTML文件开始 HEAD............................................文件头开始 头部信息 /HEAD.............................................文件头结束 BODY.............................................文件体开始 文档主体，正文部分 /BODY............................................. 文件体结束 /HTML............................................. HTML文件结束 8.1.1 文档标签 html标签的语法格式如下。 HTML /HTML html version=/TR/xhtml1/DTD/xhtml1-transitional.dtd lang=en 8.1.2 头部 头部标签（HEAD…/HEAD）包含文档的标题信息，如标题、关键字、说明以及样式等。除了TITLE标题外，一般位于头部的内容不会直接显示在浏览器中，而是通过其他的方式显示。 8.1.3 主体 ⑴ BACKGROUND=URI（文档的背景图像，URL指图像文件的路径） ⑵ BGCOLOR=Color（文档的背景色） ⑶ TEXT=Color（文本颜色） ⑷ LINK=Color（链接颜色） ⑸ VLINK=Color（已访问的链接颜色） ⑹ ALINK=Color（被选中的链接颜色） ⑺ ONLOAD=Script（文档已被加载） ⑻ ONUNLOAD=Script（文档已推出） 8.2 HTML常用标签 8.2.1 标题 8.2.2 段落 8.2.3 换行 8.2.4 链接 8.2.5 列表 8.2.6 图像 8.2.7 表格 8.2.8 层 8.2.9 范围 8.2.10 框架 8.2.11 表单 8.2.12 注释 8.2.1 标题 标题（Headings）标签有6个级别，从h1到h6。h1为最大的标题，h6为最小的。通过设定不同等级的标题，可以完成很多层次结构的设置，比如文档的目录结构或者一份写作大纲。 8.2.2 段落 段落（Paragraphs）标签p是处理文字时经常用到的标签。 段落内也可以包含其他的标签，如图片标签img。 8.2.3 换行 换行标签br是一个空标签，也就是说，它只有起始标签和属性值，而没有结束标签。当需要结束一行，并且不想开始新段落时，可使用br标签。br标签不管放在什么地方，都能够强制换行。 8.2.4 链接 链接（Links）是非常重要的标签。链接可分为超级链接（Hypelink）和锚点两种，这两种链接都是使用锚标签a来建立。一个锚点可以指向任意一个网络上的资源，如一个HTML页面、一个图片、一段声音、一部电影等。 锚标签语法为：a href=〝url〞显示带链接的文字/a。 8.2.5 列表 在利用表格排版的时代，列表（Lists）的作用被忽略了，很多应该是列表的内容，也转用表格来实现。随着DIV+CSS布局方式的推广，列表的地位变得重要起来，配合CSS样式表，列表可以显示成样式繁复的导航、菜单、标题等。 8.2.6 图像 图像（Images）是由img标签定义的，img也是一个空标签。 定义图像的句法是：img src=〝url〞。 8.2.7 表格 表格（Tables）的最初作用是放置分类的数据，但是在最近几年内，表格大多数情况下被用来排版，而很少有人真正用它来显示数据。 table标签用来定义表格。一个表格使用tr标签划分为若干行，然后每行可以被分成若干个使用td标签划分的单元格。 Td（Table data）里面可以放数据，数据类型可以是文字、图像、列表、段落、表单、表格等。 对表格的table、tr、th和td等标签都可以设置宽度、高度、背景色等多种属性，但是一般不