原创力文档- 1、本文档共5页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
教学项目九 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=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>
5.<font></font>
用于设定文字的字体、大小、颜色、
属性如下：
face:设定文字字体
size:设定文字的大小，值越大，字体越大,预设值为3
size=+1 表示字体的大小提升一级
size=-1 表示字体的大小下降一级
color: 设定文字的颜色
例：
<html>
<head>
<title>元素FONT的使用</title>
</head>
<body bgcolor=yellow>
<font face=宋体 color=blue>Q人类，Q生活</font>
<p><font size=+2 face=隶书 color=green>欢迎光临本站点</font></p>
<p><font size=-1 color=red>校园文学</font>
</body>
</html>
6.特殊符号元素
空格
< 小于
> 大于
" 引号
× 乘号
÷ 除号
± 加减
© 版权符@
& &
【课后小结】
文本标志是网页中广泛使用的标志对,灵活熟练地运用文本标志,是设计网页的基础.
湖北职院计算机科学与技术系理论课教案—《网页设计》
文档评论（0）