教学项目八 HTML基本标志和格式标志的使用 【教学内容】 讲解HTML基本标志对和格式标志 【教学目的】 使学生标志对与格式标志对的使用 【教学重点】 格式标志的使用 【教学难点】 列表标志的使用 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime工作室 重庆出版社 3．<<JavaScript从入门到精通>> 电脑报社出版 【新课】 案例分析： <HTML> <Head> <title>我的个人网页</title> </head> <body> <p>欢迎光临我的个人网站 </body> </html> 网页效果如下：  二、基本标志 1．<html></html> 成对使用，<html>用于文档的最前面，标识HTML文档的开始，</html>标识HTML文档结束; 2．<head></head> 构成文档的开头部分，提供文档的整体信息、标题栏名称、语种等。 3．<title></title> 浏览器窗口最上边显示的文本信息，只能放在<head></head>标志对之间 4.<body></body> 是HTML文档的主体部分，用于设定网页背景色，背景图，文本颜色，超级链接颜色以及使用过的超级链接颜色等。 属性：bgcolor、text、 link、 vlink、 alink 例： <html> <head> <title>显示在浏览器最上边的蓝色条中的文本</title> </head> <body bgcolor=yellow text=blue> <p>黄色背景，蓝色文本 </body> </html>  三、HTML中的格式标志 1．<p></p> 用来创建一个段落，常用的属性为align 例： <HTML> <Head> <title>格式标志使用</title> </head> <body> <p align=left>欢迎光临我的个人网站 <p align=center>文字居中 <p align=right>右对齐 </body> </html>  2．<br> 用于创建一个回车换行符 3.<dl></dl> <dt></dt> <dd></dd> <dl></dl>创建一个普通的列表 <dt></dt>创建列表的上层项目 <dd></dd>创建列表的下层项目 例: <html> <head> <title>一个普通的列表</title> <body text=blue> <dl> <dt>中国城市</dt> <dd>北京</dd> <dd>上海</dd> <dd>深圳</dd> <dt>美国城市</dt> <dd>华盛顿</dd> <dd>纽约</dd> <dd>芝加哥</dd> </dl> </body> </html>  4.<ol></ol><ul></ul><li></li> <ol></ol>创建一个标有顺序号的列表 <ul></ul>创建一个标有圆点的列表 <li></li>用来创建一个列表项 例: <html> <head> <title>有序列表的使用</title> <body text=blue> <ol> <p>中国城市</p> <li type=A start=3>北京</li> <li>上海</li> <li>深圳</li> </ol> <ul> <p>美国城市</p> <li type=square>华盛顿</li> <li>纽约</li> <li>芝加哥</li> </ul> </body> </html>  【课后小结】 通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及属性.