【网页设计教案】HTML基本标志和格式标志的使用.docVIP

教学项目八 HTML基本标志和格式标志的使用 【教学内容】 讲解HTML基本标志对和格式标志 【教学目的】 使学生标志对与格式标志对的使用 【教学重点】 格式标志的使用 【教学难点】 列表标志的使用 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．JavaScript 入门与提高 杨浩著 清华大学出版社 2．Internet 网页工场 Wittime工作室 重庆出版社 3．JavaScript从入门到精通 电脑报社出版 【新课】 案例分析： HTML Head title我的个人网页/title /headbody 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 /headbody 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/olul/ulli/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 【课后小结】 通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及属性. 湖北职院计算机科学与技术系理论课教案—《网页设计》