文档介绍：案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的 HTML网页制作
一．案例内容
通过使用记事本工具，使学生掌握静态网页的基本制作方法，掌握
HTML 的基本语法。
通过实训，要求：
1．掌握记事本编写网页的方法
2．掌握 HTML 基本语法
3．掌握文档修饰的方法
4．掌握文字排版的方法
5．掌握段落排版的方法
6．掌握列表的用法
7．掌握图片的插入方法
8．掌握超链接的使用方法
9．掌握表格的绘制方法
二．工作准备
PC 机，浏览器， Internet 网络环境
三．操作步骤
1．在“我的电脑”中，新建一个html 文档，并使用记事本工具打开。
如图 1 所示。
图 1 新建 html 文档
2．在页面中，构建 html 基本结构，如图2 所示。
图 2 html 基本结构
3．为页面加上标题栏信息，如图3 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 3 加入 <title>
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
4．为页面添加红色背景，如图4 所示。
图 4 bgcolor 属性
5．为网页添加背景图片，如图5 所示。
图 5 背景图片
6．为页面添加文字标题，如图6 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 6 <hn> 标签
7．使用 <font>标签，修饰页面最中的文字，如图7 所示。
图 7 <font> 标签修饰文字
8．使用 <b>、<i> 等标签，对文字的字形进行设置。如图8 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 8 字形设置
9．使用 <p>标签进行段落设置。如图9 所示。
图 9 <p> 标签设置
10．使用 <br>标签进行换行设置。如图10 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 10 <br>标签设置
11．绘制水平线。如图11 所示。
图 11 绘制水平线
12．使用 <ol> 、<ul>、 <li> 标签制作列表，如图12 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 12 制作列表
13．使用 <img> 标签插入图片。如图13 所示。
图 13 插入图片
14．使用 <a>标签制作一个链接到新浪网的外部链接。
15．使用 <a>标签制作一个内部链接。
16．使用 <a>标签制作锚点链接。
17．在页面中制作一个简单的报名表。如图14 所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图 14 制作表格
四．案例关键点
1．注意 html 文件的扩展名。
2