湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目八HTML基本标志和格式标志的使用 【教学内容】 讲解HML基本标志对和格式标志 【教学目的】 使学生标志对与格式标志对的使用 【教学重点】 格式标志的使用 【教学难点】 列表标志的使用 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1.<< JavaScript入门与提高〉杨浩著 清华大学出版社 2.< Internet网页工场〉 Wittime工作室重庆出版社 3.< JavaScript从入门到精通〉> 电脑报社出版 【新课】 案例分析 <HTML> <Head> < title>我的个人网页</ title <bod <p>欢迎光临我的个人网站 < /body ) </htm1> 网页效果如下
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目八 HTML 基本标志和格式标志的使用 【教学内容】 讲解 HTML 基本标志对和格式标志 【教学目的】 使学生标志对与格式标志对的使用 【教学重点】 格式标志的使用 【教学难点】 列表标志的使用 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime 工作室 重庆出版社 3．<<JavaScript 从入门到精通>> 电脑报社出版 【新课】 一．案例分析： <HTML> <Head> <title>我的个人网页</title> </head> <body> <p>欢迎光临我的个人网站 </body> </html> 网页效果如下：
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 国园的收镶共的媒体合·四□ 址①)D: DOcuments and set.ina1)2H面1,htm 欢迎光临我的个人网站 tt我的个人网页</tt> p获迎光临我的个人网站 二、基本标志 <htmI>/htmI> 成对使用,<html>用于文档的最前面,标识HM文档的开始,</htm1>标识HML文档结 束 2. <head></head> 构成文档的开头部分,提供文档的整体信息、标题栏名称、语种等。 3. <title/title> 浏览器窗口最上边显示的文本信息,只能放在<head)</head>标志对之间 4.<body〉</body 是HM文档的主体部分,用于设定网页背景色,背景图,文本颜色,超级链接颜色以及 使用过的超级链接颜色等。 属性: bgcolor、text、link、 vlink、 alink 例 <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> ]显示在浏览器最上边的蓝色条中的文本- Microsoft Internet Explorer 件()错①)查着(收OA工具 Q后退·冈图的搜索☆收藏夹的媒体份·圈· 址①)eD: DOcuments and Setting6桌面2ht 黄色背景,蓝色文本 2-记事本 色回囟 文件①)编排)格式@)查着QO帮助D title>显示在浏览器最上边的蓝色条中的文本</ title llow text=blue> 蛋包景,蓝包文本 </html> HTML中的格式标志 1.p></p 用来创建一个段落,常用的属性为 align 例 <HTML> < title>格式标志使用</ title〉 </head>
湖北职院计算机科学与技术系理论课教案—《网页设计》 <title>显示在浏览器最上边的蓝色条中的文本</title> </head> <body bgcolor=yellow text=blue> <p>黄色背景，蓝色文本 </body> </html> 三、HTML 中的格式标志 1．<p></p> 用来创建一个段落，常用的属性为 align 例： <HTML> <Head> <title>格式标志使用</title> </head>
湖北职晚计算机科学与技术理论课教案一《网页设计》 < p align=left>欢迎光临我的个人网站 p align= center>文字居中 p align=righ>右对齐 </body </html> 收夹的媒·圈·□ 欢迎光临我的个人网站 文件①)编辑吧)式①)查看①帮助QD a19m-#要类举的个人网站 html> 国格式标忠使用 用于创建一个回车换行符 3.<d1>/d1><dt>/dt><dd>/d> <d1〉</d1>创建一个普通的列表 <dt〉</dt>创建列表的上层项目 <d)</dd>创建列表的下层项目 例 <htmI>
湖北职院计算机科学与技术系理论课教案—《网页设计》 <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> <dI> dt>中国城市</dt <d)北京dd d)上海dd <d>深圳</d <dt>美国城市</dt> <d>华盛顿</d <d>纽约<dd <d)芝加哥</dd </dl> </body) </htmI>
湖北职院计算机科学与技术系理论课教案—《网页设计》 <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>