湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目九HTML文本标志的使用 【教学内容】 讲解HML标准中的文本标志 【教学目的】 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志 【教学重点】 1.字体标志的使用 2.网页中特殊符号的输入 【教学难点】 理解特殊符号对应的标志 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1.<< JavaScript入门与提高>〉杨浩著 清华大学出版社 2.< Internet网页工场> Wittime工作室重庆出版社 3.< JavaScript从入门到精通》〉 电脑报社出版 【新课】 HTML中的文本标志 1.<pre></pre> 文本进行预处理操作,屏幕显示的效果和HML文栏编辑版面一样 例 <htm> head> < title>预处理操作√/ title
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目九 HTML 文本标志的使用 【教学内容】 讲解 HTML 标准中的文本标志 【教学目的】 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志 【教学重点】 1. 字体标志的使用 2. 网页中特殊符号的输入 【教学难点】 理解特殊符号对应的标志 【教学方式】 讨论式、案例分析式、练习式相结合 【教学参考】 1．<<JavaScript 入门与提高>> 杨浩著 清华大学出版社 2．<<Internet 网页工场>> Wittime 工作室 重庆出版社 3．<<JavaScript 从入门到精通>> 电脑报社出版 【新课】 一、HTML 中的文本标志 1．<pre></pre> 对文本进行预处理操作，屏幕显示的效果和 HTML 文档编辑版面一样 例： <html> <head> <title>预处理操作</title>
湖北职院计算机科学与技术糸理论课教案一《网页设计》 </head> <body bgcolor=yellow text=blue> 念奴娇 赤壁怀古 大江东去 浪淘尽 千古风流人物 故垒西边 人道是 国周郎赤壁 </body) </htmI> </body </html> 文件①)编①)查看C收()工具①帮助a ⊙后·曰国回的拨次收的媒的,品圆·回当 址)]D1D0 ments and Setting桌面shn 转到 大江东 风流人物 人道是 国周郎赤壁 5-记事本 文件)编辑)格式@查看0O帮助00 ite>预处理操作<tit1e ody bgcolor=yellow text=blue> 大千人 阝赤壁 包完毕 y我的电脑 开给回文档1-ma E日?②153 2.标题标志 <h1></h1>、<h2</h2>、<h3</h3〉、h4〉/h4〉、h5)</h5〉、<h6)</h6〉
湖北职院计算机科学与技术系理论课教案—《网页设计》 </head> <body bgcolor=yellow text=blue> <pre> 念奴娇 赤壁怀古 大江东去， 浪淘尽 千古风流人物 故垒西边 人道是 三国周郎赤壁 </pre> </body> </html> </body> </html> 2． 标题标志 <h1></h1>、<h2></h2>、<h3></h3>、h4></h4>、h5></h5>、<h6></h6>
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 用于设置文本的标题级别,其中<h1>是最大的标题,<h6>是最小的标题 例 <html> Head> < title>标题标志使用</ title <body <h1>—级标题,字号最大</h1〉 h2>二级标题,字号次于一级标题</h h3>三级标题,字号次于二级标题</h3〉 <h4>四级标题,字号同普通文字</h4 <h5五级标题,字号小于普通文字</h5 <h6》六级标题,字号最小/h6〉 </body) </htmI> 后退 凶的☆收腹的媒体的,品因·□当 地址)D:1 Document3 a settings.,2桌面16hm ∽回转到标报” 级标题,字号最大 二级标题,字号次于一级标题 三级标题,字号次于二级标题 6-记事本 四级标颗,字号同普通文字 文件①)编这)格式)查看帮助0D 五标,字号小于蕭文字 标想标志使用t ≌e8 我的电脑 分档1。「忙事本 「3标题标志使用-n
湖北职院计算机科学与技术系理论课教案—《网页设计》 用于设置文本的标题级别，其中<h1>是最大的标题，<h6>是最小的标题 例： <html> <head> <title>标题标志使用</title> </head> <body> <h1>一级标题，字号最大</h1> <h2>二级标题，字号次于一级标题</h1> <h3>三级标题，字号次于二级标题</h3> <h4>四级标题，字号同普通文字</h4> <h5>五级标题，字号小于普通文字</h5> <h6>六级标题，字号最小</h6> </body> </html>
湖北职晚计算机科学与技术理论课教案一《网页设计》 3.字体标志b)</b、<</、<u</u <b></b>文本加粗输出 <i></i>文本以斜体形式输出 <u></u>文本以下划线形式输出 4.上标与下标 上标:<sup〉/sup 下标:<sub></sub 例 <htm> Head> < title>上下标使用√ title </head> <body bgcolor=yellow> <p aign=center 2H<sub>2</sub)+O<sub>2</sub>==2H<sub>2</sub>0</p> p>2X<sup>2</sup>+3X+4=6 </body> </html>
湖北职院计算机科学与技术系理论课教案—《网页设计》 3． 字体标志<b></b>、 <i></i>、 <u></u> <b></b>文本加粗输出 <i></i>文本以斜体形式输出 <u></u>文本以下划线形式输出 4． 上标与下标 上标：<sup></sup> 下标：<sub></sub> 例： <html> <head> <title>上下标使用</title> </head> <body bgcolor=yellow> <p aign=center>2H<sub>2</sub>+O<sub>2</sub>==2H<sub>2</sub>O</p> <p>2X<sup>2</sup>+3X+4=6 </body> </html>
湖北职晚计算机科学与技术糸理论课教豪一《网页设计》 后退·凶图的搜2收夹的媒体份③,四·回 址①)eD: Document= and satting1j;,2\面7.hn 2H2+O2=2H20 吧)编辑正)称式①)查看帮助 3x+4 2uFa…260s2D22 中 我的中脑 5. <font>/font> 用于设定文字的字体、大小、颜色、 属性如下 (1)face:设定文字字体 (2)size:设定文字的大小,值越大,字体越大,预设值为3 size=+1表示字体的大小提升级 ze=-1表示字体的大小下降级 (3) color:设定文字的颜色 例 <html> Head> title>元素FONT的使用tite </head> <body bgcolor=yellow> < font face=宋体 color= blue >Q人类,Q生活<font
湖北职院计算机科学与技术系理论课教案—《网页设计》 5.<font></font> 用于设定文字的字体、大小、颜色、 属性如下： (1) face:设定文字字体 (2) size:设定文字的大小，值越大，字体越大,预设值为 3 size=+1 表示字体的大小提升一级 size=-1 表示字体的大小下降一级 (3) color: 设定文字的颜色 例： <html> <head> <title>元素 FONT 的使用</title> </head> <body bgcolor=yellow> <font face=宋体 color=blue>Q 人类，Q 生活</font>