学习重点1、熟悉HTML4定义的格式化文本标签2、掌握HTML5新增的文本标签3、正确选用标签设计网页文本信息。4.1 使用文本标签4.1.1 标题文本h1~h6用于定义标题。h1定义最大的标题表示最重要的信息h6定义最小的标题表示最次要的信息。h1只用一次h2作副标题时只用一次。4.1.2 段落文本p标签用于定义段落文本文本前后会创建一定距离的空白。4.1.3 引用文本q标签定义短的引用引用内容周围会添加引号blockquote标签定义块引用包含的文本会从常规文本中分离出来左、右侧缩进显示。一段文本不可以直接放在blockquote中应该包含在一个块元素中。q、blockquote均包含一个cite属性定义引用的出处。cite标签还有一个功能从文档中自动摘录参考书目。4.1.4 强调文本em用于强调文本包含的文字显示为斜体strong强调程度更强包含的文字以粗体显示。4.1.5 格式文本b定义粗体文本与strong的默认效果类似。i定义斜体文本与em的默认效果类似。big定义大号字体可以嵌套使用直至上限7号文本。small定义小号字体。sup定义上标文字。sub定义下标文字。4.1.6 输出文本code 表示代码字体即显示源代码。pre 表示预定义格式的源代码保留源代码中的空格。tt 打印机字体。kbd 键盘字体。dfn 定义的术语。var 变量字体。samp 代码范例。4.1.7 缩写文本abbr 定义简称或缩写。acronym 定义首字母缩写。HTML5不支持4.1.8 插入和删除文本ins 定义插入到文档中的文本。del 定义文档中已经被删除的文本。4.1.9 文本方向bdo 可以改变文本流的方向包含属性dir取值有ltr从左到右和rtl从右到左。例bdo dirrtl床前明月光疑似地上霜。bdo4.2 HTML5新增文本标签4.2.1 标记文本mark定义带有记号的文本表示页面中需要突出显示或高亮显示的信息。4.2.2 进度信息progress标识任务的进度。可以是不确定的表示进度正在进行也可以用0到某个数字如100之间的数字来表示进度完成情况。progress元素包含两个属性maxvalue表示当前完成情况。例p百分百进度progress idprogress max100span0/span%/progress/p4.2.3 刻度信息meter定义已知范围或分数值内的标量、进度。如磁盘用量、查询结果的相关性等。meter元素包含7个属性value 在元素中特别标识出来的实际值默认为0。min 设置规定范围时允许使用的最小值默认为0。max 设置规定范围时允许使用的最大值默认为1。low 设置范围的最大值如果low小于min则把min的值视为low的值。high 设置范围的上限值如果大于max则把max的值视为high的值。optimum 设置最佳值。form 设置meter元素所属的一个或多个表单。例meter value3 min0 max10十分之三/meter4.2.4 时间信息time定义公历的时间24小时制或日期时间和时区偏移可选。示例1time datetime2017-11-17T20:00 9:00我的生日晚上8点的美国时间/timetime元素有两个属性datetime 定义日期和时间pubdate 定义time元素中的日期和时间时文档的发布日期。4.2.5 联系文本address定义文档或文章的作者、拥有者的联系信息。包含的文本通常为斜体。4.2.6 隔离文本bdi允许设置一段文本使其脱离父元素的文本方向设置。4.2.7 换行断点wbr定义在文本中的何处添加换行符。示例p本站旧地址为https:wbr//wbrwww.old_site.com/新地址为https:wbr//wbrwww.new_site.com/。p4.2.8 文本注释ruby定义中文注音或字符。ruby需要与rt或rp一同使用。rt定义字符的解释或发音rp定义当浏览器不支持ruby元素的显示内容。示例ruby少rtshao/rt壮rtzhuang/rt不rtbu/rt努rtnu/rt力rtli/rt/ruby