文档介绍：案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作
一．案例内容
通过使用记事本工具，使学生掌握静态网页的基本制作方法，掌握
HTML的基本语法。
通过案例九简单的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所示。
图2html基本结构
3．为页面加上标题栏信息，如图3所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图3加入<title>
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
4．为页面添加红色背景，如图4所示。
图4bgcolor属性
5．为网页添加背景图片，如图5所示。
图5背景图片
6．为页面添加文字标题，如图6所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图6<hn>标签
7．使用标签，修饰页面最中的文字，如图7所示。
图7标签修饰文字
8．使用、等标签，对文字的字形进行设置。如图8所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图8字形设置
9．使用标签进行段落设置。如图9所示。
图9标签设置
10．使用 标签进行换行设置。如图10所示。
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
案例九简单的HTML网页制作.
图10 标签设置
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制作表格
四．案