网页设计与制作教学课件.pptVIP

（六）课堂模仿实践 table width=646 border=1 align=center cellpadding=1 cellspacing=0 bordercolor=#FF6600 tr td colspan=2 div align=center h1font color=#FF0000湘江谷/font/h1 hr color=red nodhade/ /div /td /tr tr td colspan=2nbsp; font color=#0000FF size=3 face=宋体 《网页设计与制作》教学课件 第11章：HTML标记 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 （一）课程引导 　 　　我们所浏览的网页都是由HTML代码生成的，本次课重点学习HTML标记。 （二）明确知识技能目标 掌握常用的HTML标记 （三）展示网页浏览效果 1．预览网页 （五）知识讲解与操作示范（1） 11.3.1　HTML版本信息 一般HTML文档在开头几行声明HTML的版本信息，以标明遵守HTML的哪一个版本，如下所示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml …… /html （五）知识讲解与操作示范（2） 11.3.2　HTML头部标记 HTML语言的头部标记是HEAD，主要包括页面的 一些基本说明语句，后面讲到的JavaScript特效、CSS （层叠样式表）一般都是定义在HEAD头元素中。常用的 头部标记有：title、meta、base、style、 link、script 打开“长沙世界之窗”网站中文件夹“01页面控制”中 的网页“01.html”，切换到“代码视图”，观察分析HTML 源代码。 （五）知识讲解与操作示范（3） 1．标题标记 title长沙世界之窗/title 2．元信息标记Meta meta http-equiv=Content-Type content=text/html; charset=gb2312 / 3．关键字 meta name=Keywords content=长沙,旅游,世界之窗 / 4．说明 meta name=Description content=这是一个旅游网站 / 5．刷新 meta http-equiv=Refresh content=10 / 6．基址标记 base href=../10超级链接/index.html target=空白(_B) / （五）知识讲解与操作示范（4） 11.3.3　HTML主体标记 1．文字颜色属性 使用text属性可以改变整个页面默认文字的颜色。 2．背景颜色属性 3．背景图像属性 页面中可以使用JPEG或GIF图片来作为页面的背景。 4．链接文字颜色属性 （1）链接颜色 通过link属性可以定义默认的没有单击过的链接文字的颜色。 （五）知识讲解与操作示范（5） （2）激活链接颜色 通过alink属性可以定义当鼠标单击链接文字时链接文字的颜色。 （3）访问过的链接颜色 通过vlink属性可以定义单击过后链接文字的颜色。 5．边距属性 设置内容和浏览器内部边框之间的距离。 以上HTML主体标记综合应用如下： body text=#0000FF bgcolor=#CCFFFF link=#FF0000 alink=#00ff00 vlink=CCCCCC topmargin=10 leftmargin=10 bottommargin=10 rightmargin=10 欢迎您光临长沙世界之窗 /body （五）知识讲解与操作示范（6） 11.3.4　文字与段落标记 打开“长沙世界之窗”网站中文件夹“02文本操作”中的网页 “02.html”，切换到“代码视图”，观察分析HTML源代码。 1