湖北职业技术学院：《网页设计》第九讲 HTML文本标志的使用

教学项目九HTML文本标志的使用 教学内容】 讲解HTM标准中的文本标志 教学目的】 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志 教学重点】 1.字体标志的使用 2.网页中特殊符号的输入

教学项目九 HTML文本标志的使用 【教学内容】 讲解HTML标准中的文本标志 【教学目的】 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志 【教学重点】 1.字体标志的使用 2.网页中特殊符号的输入

新课】 HTM中的文本标志 1.<pre×</pre 对文本进行预处理操作,屏幕显示的效果和M文档编辑版 面一样 例

【新课】 一、HTML中的文本标志 1． 对文本进行预处理操作，屏幕显示的效果和HTML文档编辑版 面一样 例：

<> head> 预处理操作 pre> 念奴娇 赤壁怀古 大江东去 浪淘尽 千古风流人物 故垒西边 道是 国周郎赤壁 pre /body〉 /htm1>

预处理操作 念奴娇 赤壁怀古 大江东去， 浪淘尽 千古风流人物 故垒西边 人道是 三国周郎赤壁

召预处理操作- icrosoft Internet Explorer 文件①)编辑①)查看0收藏)工具①)帮助0 ⊙后·)教收的媒体,号·口当 地址)e: Documents and Settings1j,ZHAG桌面5htm 司转到链接” 念奴娇 赤壁怀古 大江东去 良淘尽 千古风流人物 故垒西边 人道是 三国周郎赤壁 圆5-记事本 文件①)编辑巴)格式查看α)帮助 tit1e>预处理操作tt1e> 流 浪淘尽 故垒西边 国周郎赤壁 完毕 3我的电脑 档1「BA记 「预处理操作-Mc E215:36

2.标题标志 h1>、、h5是最大的标题,是最小的标题 例 <> Head> 标题标志使用 title K /head> h1〉—级标题,字号最大二级标题,字号次于级标题 h3>三级标题,字号次于二级标题四级标题,字号同普通文字五级标题,字号小于普通文字六级标题,字号最小

2. 标题标志 、、、h4>、h5>、 用于设置文本的标题级别，其中是最大的标题，是最小的标题 例： 标题标志使用 一级标题，字号最大 二级标题，字号次于一级标题 三级标题，字号次于二级标题 四级标题，字号同普通文字 五级标题，字号小于普通文字 六级标题，字号最小

]标题标志使用 crosoft Internet Expl 件①)编辑)查着①收藏()工具①)帮助a ⊙后退·的①搜索次收藏夹的媒的,·回 地址①)包D: Documents and Settin1ZH桌面6hm 转到链接 级标题,字号最大 级标题,字号次于一级标题 三级标题,字号次于二级标题 6-记事本 回区 四级标题,字号同普通文字 文件)编巴)格式@)查着C帮助Q html> 五级标题,字号小千普通文字 标题标志使用 六鬟拆愿。字导最小 三级标题 四 标颗/b3 五 级标题,拿号 甬文字 包完毕 我的电脑 國! 5记事本 「3标题标志使用-M 1550

3.字体标志、、 文本加粗输出 文本以斜体形式输出 文本以下划线形式输出 上标与下标 上标:/sup 下标:sub〉/sub>

3. 字体标志、 、 文本加粗输出 文本以斜体形式输出 文本以下划线形式输出 4. 上标与下标 上标： 下标：

例 上下标使用 Kp align=center>2H2+O2==2H2 0 2+3X+4=6

例： 上下标使用 2H2+O2==2H2O 2X2+3X+4=6

色上下标使用- icrosoft Internet Explorer □x 文件)编辑)查看①)收藏)工具①)帮助 后退 国地址① D:\Documents and Setting1)2桌面7htm v转到链接 2H2+O2==2H2O 7-记事本 回囟 文件〕编辑)格式⑩)查看α)帮助 2x2+3X+4=6 上下标使用 2H2+02==2H20 >2X2+3X+4=6 完毕 开G四0=maB6记事本 上下标使用-Mic 16:03

5./font> 用于设定文字的字体、大小、颜色 属性如下 (1)face:设定文字字体 (2)size:设定文字的大小,值越大,字体越大,预设值为3 size=+1表示字体的大小提升级 size=1表示字体的大小下降一级 (3) color:设定文字的颜色

5. 用于设定文字的字体、大小、颜色、 属性如下： (1) face:设定文字字体 (2) size:设定文字的大小，值越大，字体越大,预设值为3 size=+1 表示字体的大小提升一级 size=-1 表示字体的大小下降一级 (3) color: 设定文字的颜色