1.掌握HTML的基本构成
2.HTML语言的基本语法
一、HTML简介
（一）HTML（HypertextMarkupLanguage）超文本标记语言概述
作用：定义网页的数据格式，控制文本的显示。
1、HTML文件基本构成
Internet中的每一个HTML文件都包括两部分：
（1）文本内容：含有需要展现的具体信息。
（2）HTML标记：负责控制文本显示的外观和版式。
实质：普通文件+标记=组合文件，达到预期效果。
2、HTML网页的结构
例：<html>
<head><title>显示在浏览器顶部的文本</title></head>
<bodybgcolor="black"text="red">
<h1>欢迎进入HTML世界！</h1>
<p>黑色背景、红色文本</p>
</body></html>
注：bgcolor=backgroundcolor
一般HTML文件都是以<html>开头，又以</html>结束。
其文件结构由以下两部分组成：
（1）头部（Head）
HTML文件的头部由<head>和</head>标记定义。通常情况下，文件的标题、搜索引擎所用的关键字以及语言字符集信息等都放在头部信息中。
（2）正文主体（Body）
由<body>和</body>标记定义。<body>标记具有一些常用的属性，格式为：
<bodybgcolor=#ntext=#n>…</body>
其中，bgcolor为背景颜色；text为文本颜色。N为六位十六进制数。
（二）HTML语言的基本语法
围堵标记：<b>……</b>空标记：<br>
1、文本布局
①段落标记<palign=对齐方式>……</p>（p：paragraph）
②换行标记<br>（br：break）
③水平线标记<hr>（hr：horizontalrule）
2、文字格式
④标题标记<hn>……</hn>（n的取值范围：1－6）（h：heading）
⑤字形标记<b>……</b>粗体（b：bold）
<i>……</i>斜体（i：italic）
<u>……</u>下划线（u：underline）
⑥字体标记<fontsize=ncolor=#nface=字体名>……</font>
3、插入图片
<imgsrc=URLalt=说明文字width=n1height=n2border=n>
（img：image，src：source，URL：UniformResourceLocation统一资源定位符）
altwidth和heightborderalign
4、插入超链接
<ahref=URL>……</a>（a：anchor锚点，href：hypertextreference超文本链接）
5、使用表格
定义表格区域<table>…..…</table>
定义表格标题<caption>.…</caption>
定义表格头<th>…………..</th>tablehead
定义表格行<tr>……………</tr>tablerow
定义表格单元格<td>……………</td>tabledatacell
练习：用HTML语言编写一个简单的网页（保存为myweb.htm），如下图所示：
代码如下：
<html><head><title>我的个人网站</title></head>
<body>
<tableborder="1"width="36%"id="table1">
<tr><tdheight="50"bgcolor="#FFFFFF"><fontsize="6"color="#006600">我的个人网站</font></td></tr>
<tr><tdbgcolor="#008000"><palign="center"><fontcolor="#FFFFFF">主页｜相册｜日志</font></td></tr>
<tr><td><imgborder="0"src="lvye2.JPG"width="347"height="254"></td></tr></table></body></html>
素材：（图片需与网页放在同一目录下）
任务一：创建站点
第一步：在FrontPage窗口中，单击菜单栏上的“文件”→“新建”，从弹出的新建任务窗格中选择“新建网站”中的“由一个网页组成的网站”。
第二步：在弹出的“网站模板”对话框的“指定新站点的位置”框中输入新站点要保存的位置，也可使用“浏览”按钮指定新站点的位置。
第三步：单击“确定”按钮
任务二：网页的新建、保存和打开。
任务三：利用FrontPage中的工具，做成以下的一个网页，且实现一些超链接。
