第2章 HTML语言基础
【教学内容】
主要介绍网页设计与制作所使用的基本HTML网页设计语言，包括发展历
史、语法结构、常用标记简介及其使用等内容；
【教学目的】
使学生了解并熟练掌握常用的标记；使学生了解标题元素,掌握字体,上下标,及特殊字符的标记；
使学生掌握图片,声音标记及相应的属性,学会利用标记在网页中插入声音与图片；使学生掌握超级链接标记的使用；表格、表单与框架标记的使用；学会使用标记实现简单网页；
【教学重点】
标记的综合运用。
【教学难点】
标记的使用。
【教学方式】
讨论式、案例分析式、练习式。
1、2、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。《WEB网站设计》Joel Sklar著高等教育出版社。
【教学参考】
【新课内容】 3、
§2.1 HTML简介
2.1.1HTML的发展历史
HTML英语意思是HypertextMarked Language，即超文本标记语言,是一种用来制作超
文本文档的简单标记语言。
自1990年以来html就一直被用作ＷＷＷ（是WorldWide Web的缩写，也可简写
WEB、中文叫做万维网)的信息表示语言，用于描述Homepage的格式设计和它与WWW上
其它Homepage的连结信息。使用html语言描述的文件需要通过WWW浏览器显示出效果。
HTML(超文件标记语言)是一种建立网页文件的语言，透过标记式的指令(Tag)，将
影像、声音、图片、文字、动画、影视等内容显示出来。
超文本传输协议规定了浏览器在运行html文档时所遵循的规则和进行的操作.HTTP协
议的制定使浏览器在运行超文本时有了统一的规则和标准.
2.1.2 HTML 的文档
HTML文档也称为Web文档，它由文本、图形、声音和超链接组成。每个HTML文档称为一个Web页面，页面是浏览器中看到的内容。
建立一个HTML文档，实际进行的工作就是编写HTML命令代码。简单来讲就是构建一套标记符号和语法规则,将所要显示出来的文字、图象、声音等要素按照一定的标准要求排放，形成一定的标题、段落、列表等单元。
§2.2 HTML语言的结构
2.21 HTML语言的基本结构
<html>文件开始━┓
<head>标头区开始----头部信息 ┃文件头
<title>...</title> 标题区 ━┛ ━┓ </head> 标头区结束 ┃<body> 本文区开始 ┃ ┃文件体 本文区内容---文档主体，正文部分
┃ </body>本文区结束 ┃ </html>文件结束
识一般由三部分组成----一个起始标识(OpeningTag) 、单元内容、一个结束标识(Ending
Tag)。其基本语法构成为：<x>受控元素</x>。
2. 超文本标记分类
通常可分为两类：一类用来识别网页上的组件或描述组件的样式，如网页的标题 <title>、网页的主体<body>、标题<h1>、标题<h2>、粗体<b>、斜体<I>、段落<P>、分项 符号清单<ul>和编号清单<ol>等；
另一类用来指向其他资源，如<a>用来识别网页内的位置或超链接、<img>用来插入图片、<embed>用来插入声音等。
3.超文本标记属性：
a)属性是存储属性值的变量。其例句如下：
<font size="3" color="#FF0000">设置字符的尺寸和颜色</font>
│ │ │ │ │ │ │ │ │
起 空 属 属 空 属 属 内 结 始 格 性 性 格 性 性 容 束
标 值 值 标 识 识
b)属性值：
c）HTML语言的常用标识及属性 (见附录一)
§2.3 HTML语言标记简析
HTML标签的命令种类繁多，常用HTML标签命令可分为以下几种类型：
? | 文件结构命令 | 文字版面编辑命令 |
? | 链接命令 | 列表命令 |
? | 表格命令 | 表单命令 |
? | 图像命令 | 框架命令 |
2.3.1文件结构标记
2.3.2.页面布局与文字设计
1.标题标签：<Hn>
2. 换行标识<br>，单标识。3.段落标识 <P></P>双标识，也可以用单个标识。
7. 字体标记8. 文字的颜色标记
9.文字的位置标记
2.3.3.活动字幕专题标记<marquee>
2.3.4.超链接(hyperlink)命令标识<a>
1.语法规则
<ahref="资源地址">链接文本</a>
2.链接种类
a)本地链接
b)URL链接
2.3.5.列表标记(Lists)
1. 符号列表
2. 序号列表
2.3.6.表格标记(Tables)
1.语法格式
<table></table>用来定义一个表格。
<caption></caption>给出表格的标题。
<th></th>表头单元。
<td></td> 表格单元。
<tr></tr> 表格行。
2. 表格边框
图2-15使用带边框表格
3. 表格的标题4.插入行和列
5. 合并单元格---列6. 合并单元格----行7. 格式化表格8. Cellspacing 属性和Cellpanding 属性2.3.7 表单（Forms）
1. 表单标记<form></form>
2. 表单的语法格式为
3. 表单创建的方法
4. 表单输入标记<input>
5. 选择标记 <select>
2. 插入音乐、视频元素的标记 2.3.8. 多媒体命令标签
1. CCS 简介
2. CSS 样式表语法构成
3. CSS 样式表的类型与应用
(1) 直接使用CSS----内联样式表
(2) 嵌入式使用CSS----文档级联样式表：
(3) 的样式表----外部样式表
a) 链接外部样式表方法：
b) 导入外部样式表方法：
(4).利用网页编辑软件创建样式表