《web页面制作基础》课程-文本控制标记ppt.pptx

任务：文本控制标记《web页面制作基础》课程

学习内容01标题和段落标记02文本格式化标记03特殊字符标记

在一个网页中文字往往占有较大的篇幅，为了让文字能够排版整齐、结构清晰，HTML提供了一系列的文本控制标记。幻灯片图片的美化文本控制标记

学习内容01标题和段落标记

我们经常会在页面中用到标题标记和段落标记。幻灯片图片的美化文本控制标记1h1h2h3h4h5h6标题标记

文本控制标记案例

幻灯片图片的美化文本控制标记1基本语法格式hnalign=对齐方式标题文本/hnleft：设置标题文字左对齐（默认值）center：设置标题文字居中对齐right：设置标题文字右对齐标题标记

幻灯片图片的美化文本控制标记1段落标记主要用于把文字有条理地显示出来基本语法格式palign=对齐方式段落文本/p

幻灯片图片的美化文本控制标记1水平线用于段落与段落之间隔开，使得文档结构清晰，层次分明。基本语法格式hr属性=属性值/【结论】hr/是单标记，在网页中输入一个hr/，就添加了一条默认样式的水平线。

幻灯片图片的美化文本控制标记1hr/标记的常用属性属性名含义属性值align设置水平线的对齐方式可选择left、right、center三种值，默认为center，居中对齐size设置水平线的粗细以像素为单位，默认为2像素color设置水平线的颜色可用颜色名称、十六进制#RGB、rgb(r,g,b)width设置水平线的宽度可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%

文本控制标记案例

幻灯片图片的美化文本控制标记1换行标记br/用于实现段落强制换行的效果。换行标记br/的效果

学习内容02文本格式化标记

幻灯片图片的美化文本控制标记1文本格式化标记标记显示效果b/b和strong/strong文字以粗体方式显示（XHTML推荐使用strong）i/i和em/em文字以斜体方式显示（XHTML推荐使用em）s/s和del/del文字以加删除线方式显示（XHTML推荐使用del）u/u和ins/ins文字以加下划线方式显示（XHTML不赞成使用u）

文本控制标记任务1

学习内容03特殊字符标记

幻灯片图片的美化文本控制标记1特殊字符标记特殊字符描述字符的代码?空格符nbsp;?小于号lt;?大于号gt;和号amp;￥人民币yen;?版权copy;?注册商标reg;°摄氏度deg;±正负号plusmn;×乘号times;÷除号divide;2平方2（上标2）sup2;3立方3（上标3）sup3;

本节课我们讲授了文本控制标记包括标题和段落标记，文本格式化标记和特殊字符标记。熟练运用标题和段落标记，文本格式化标记和特殊字符标记，理解文本控制标记的方法。熟练掌握好这些知识，可以为后面章节的学习打下基础。本章小结

ThankYou非常感谢！