【网页设计教案】HTML文本标志的使用.docVIP

教学项目九 HTML文本标志的使用 【教学内容】 讲解HTML标准中的文本标志 【教学目的】 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志 【教学重点】 字体标志的使用 网页中特殊符号的输入 【教学难点】 理解特殊符号对应的标志 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．JavaScript 入门与提高 杨浩著 清华大学出版社 2．Internet 网页工场 Wittime工作室 重庆出版社 3．JavaScript从入门到精通 电脑报社出版 【新课】 HTML中的文本标志 1．pre/pre 对文本进行预处理操作，屏幕显示的效果和HTML文档编辑版面一样 例： html head title预处理操作/title /head body bgcolor=yellow text=blue pre 念奴娇 赤壁怀古 大江东去， 浪淘尽 千古风流人物 故垒西边 人道是 三国周郎赤壁 /pre /body /html /body /html 标题标志 h1/h1、h2/h2、h3/h3、h4/h4、h5/h5、h6/h6用于设置文本的标题级别，其中h1是最大的标题，h6是最小的标题 例： html head title标题标志使用/title /head body h1一级标题，字号最大/h1 h2二级标题，字号次于一级标题/h1 h3三级标题，字号次于二级标题/h3 h4四级标题，字号同普通文字/h4 h5五级标题，字号小于普通文字/h5 h6六级标题，字号最小/h6 /body /html 字体标志b/b、 i/i、 u/u b/b文本加粗输出 i/i文本以斜体形式输出 u/u文本以下划线形式输出 上标与下标 上标：sup/sup 下标：sub/sub 例： html head title上下标使用/title /head body bgcolor=yellow p aign=center2Hsub2/sub+Osub2/sub==2Hsub2/subO/p p2Xsup2/sup+3X+4=6 /body /html 5.font/font 用于设定文字的字体、大小、颜色、 属性如下： face:设定文字字体 size:设定文字的大小，值越大，字体越大,预设值为3 size=+1 表示字体的大小提升一级 size=-1 表示字体的大小下降一级 color: 设定文字的颜色 例： html head title元素FONT的使用/title /head body bgcolor=yellow font face=宋体 color=blueQ人类，Q生活/font pfont size=+2 face=隶书 color=green欢迎光临本站点/font/p pfont size=-1 color=red校园文学/font /body /html 6.特殊符号元素 nbsp; 空格 lt; 小于 gt; 大于 quot; 引号 times; 乘号 divide; 除号 plusmn; 加减 copy; 版权符@ amp; 【课后小结】 文本标志是网页中广泛使用的标志对,灵活熟练地运用文本标志,是设计网页的基础. 湖北职院计算机科学与技术系理论课教案—《网页设计》