目录导航

在HTML中,可以将文本排列为不同的格式和样式,例如段落,图层和表格。 默认情况下,Web浏览器将HTML页面的所有文本显示为单个段落。

可以使用各种标签以不同的方式设置此文本的格式。例如,P标签用于在多个段落中排列文本,而BR标签则用于从下一行继续文本。组织网页文本涉及以下任务:

  • 用于分词
  • 定义预格式化的文本
  • 定义DIV标签
  • 定义span标签
  • 格式化表格中的文本
  • 定义Ruby(字幕)文本

注意:插入换行符,创建段落和创建水平线已经在先前的教程中进行了讨论。

1. 用于分词

HTML WBR标记可在HTML文档中的单词或段落之间插入分词符。但是,如果两个单词之间需要中断,则可以使用WBR标签。 WBR标签不会强制Web浏览器中断。而BR标签中断行,与Web页中的可用空间无关。

2. 定义预格式化的文本

在HTML中,预格式化标签PRE指示浏览器所包含的文本是格式化文本,不应再次格式化。 这是HTML的默认行为,它忽略空格和选项卡以显示格式自由文本。 在这种情况下,可以使用PRE标签保留预期的格式。 当预定义内容的格式(例如代码段和诗歌)时,通常使用此标签。 浏览器以等宽字体显示附带的文本,例如Courier New。根据HTML和可扩展超文本标记语言(XHTML)规范,可以在PRE标签中使用BOLDITALICLINK标签。

HTML PRE标签属性
下表列出并描述了PRE标签中可用的属性:

属性 描述
class 指示PRE标签的类名
dir 指示所附文字的方向
id 指示标签的唯一ID
lang 指示标签使用的基本语言
style 指示标签的内联样式
title 指示有关标签的额外信息

3. HTML DIV标签

在HTML中,DIV标记用于将网页分为不同的除法或节。DIV标签基本上是其他HTML标签的容器。
使用DIV标记,可以将HTML标记分组,并在其上应用级联样式表(CSS)。

DIV标签是块级标签,不能在P标签内使用。 P标签仅用于创建段落,而DIV标签用于将网页分为不同的部分。

HTML DIV标记属性
下表描述了DIV标签的属性。

属性 描述
class 指示PRE标签的类名
dir 指示所附文字的方向
id 指示标签的唯一ID
lang 指示标签使用的基本语言
style 指示标签的内联样式
title 指示有关标签的额外信息

4. HTML SPAN标签

SPAN标签用于使用style属性更改为包含在标签内的文本的样式。SPAN标记为HTML标记提供了附加的格式化功能,并且与样式表一起使用以设置定义内容样式的表示属性。

HTML SPAN标记属性
下表描述了SPAN标记中可用的属性。

属性 描述
class 指示PRE标签的类名
dir 指示所附文字的方向
id 指示标签的唯一ID
lang 指示标签使用的基本语言
style 指示标签的内联样式
title 指示有关标签的额外信息

5. 格式化表格中的文字

HTML TABLE标签用于以表格格式(即行和列)排列文本。 TABLE标签与THTRTD标签一起使用。 TH标签用于定义表列的标题。 TR标签用于指定表行的内容。TD标签用于指定表格单元格的内容。可以使用TABLE标记中的style属性设置表的列和行的宽度和高度。 使用style属性还可以定义表格的边框,表格内容的字体样式以及表格的字体大小。还可以通过使用CAPTION标记指定表标题,该标题指示表的内容。

6. HTML Ruby(带字幕)文本

使用Web页面中的RUBY标记为文本定义标题。 此标记用于指定RUBY注释,这些注释提供特定语言(例如中文和日语)的阅读或发音指南。 RUBY是注释对的一部分,其中一条文本(称为RUBY文本)与另一组文本(称为RUBY基)相关联。

RUBY注释在许多亚洲国家(例如日本和中国)中经常使用,以在各种出版物(包括教科书和杂志)中提供发音指南。 RUBY标签包含以下标签:

  • RP - 包含括号;
  • RT - 用作RUBY文本的容器;

这些标签用于在RUBY文本和RUBY基之间提供结构上的关联。结构关联是指RUBY文本和RUBY基可以相互连接的各种方式。 在RUBY标签中,出现在RT标签之前的文本称为基础文本。RT标签之后出现的文本称为符号。

HTML RUBY标签属性

下表描述了可与RUBY标记一起使用的属性。

属性 描述
class 指示PRE标签的类名
dir 指示所附文字的方向
id 指示标签的唯一ID
lang 指示标签使用的基本语言
language 指示用于标记的脚本语言
style 指示标签的内联样式
title 指示有关标签的额外信息
name 指示标签的名称