文档介绍：建立列表和插入图片
供第4周第3、4课时用
教学要求：学会在网页中建立列表，插入图片。
教学重点：有序列表，无序列表，插入图片
教学难点：列表的嵌套
教学过程：
复****br/>1、标签的使用
2、建立一个网页，输入三行文字
第一行：加粗，红色，黑体，3号
第二行：下划线，绿色，楷体，5号
第三行：粗体倾斜，蓝色。
3、将上面网页添加一个背景图片。
列表
列表：并列几项，以条列列举方式显示。
分类：
有序列表 有编号（数字、字母）使之有序，使用<ol>标记
无序列表 其前面会出现一个图形（方形或圆形）来作分项
层次列表 几个总项并列，每一个总项下又有几个分项。
举例：
中国有以下几个民族
汉族
回族
蒙古族
藏族
普通列表
没有使用列表标签，而用排版实现一种列表的显示效果
例：见教材
有序列表
格式：
<ol>
<li type=“排序类别”>
……
</ol>
其中<li>标签是非成对标签，当然也可以成对表示
排序的类型：1表示数字排序，i表示罗马数字排序，I大写的罗马数字排序，a表示字母排序，A表示大写的字母排序。
举例：
见教材
无序列表/
格式：
<ul>
<li type=“”>
……
</ul>
其中类型：默认为实心圆，circle表示空心圆，square表示方形
举例：
见教材
层次列表
格式：
<dl>text
<dt>总1
<dd>分项
<dd>分项
<dd>分项
<dt>总2
<dd>……
</dl>
举例：
列表的嵌套
只能嵌套，不能交错。
举例：
在页面中插入图片
可以插入的图片类型：.gif(非失真压缩，线条图片),.jpg(失真压缩，相片),.bmp(位图)
格式：
<img src等属性>非成对标签
各属性意义：
图片位置src
对齐方式align，对齐方式有left,right,center,top,middle,asbmiddle
边框宽度border
上下边距vspace
左右边距hspace
Width宽，height高，不成功时显示的替代文字alt
标题
正文：