📌  相关文章
📜  HTML-格式

📅  最后修改于: 2020-12-16 04:43:32             🧑  作者: Mango

如果使用文字处理程序，则必须熟悉使文本变为粗体，斜体或带下划线的功能；这些只是表示文本如何在HTML和XHTML中显示的十个选项中的三个。

粗体文字

… 元素中出现的所有内容均以粗体显示，如下所示-

例

现场演示

Bold Text Example
   
    
   
      
The following word uses a bold typeface.

这将产生以下结果-

斜体文字

… 元素中出现的所有内容均以斜体显示，如下所示-

例

现场演示

Italic Text Example
   
    
   
      
The following word uses an italicized typeface.

这将产生以下结果-

带下划线的文字

… 元素中出现的所有内容均带有下划线，如下所示-

例

现场演示

Underlined Text Example
   
    
   
      
The following word uses an underlined typeface.

这将产生以下结果-

罢工文字

… 元素中出现的所有内容都带有删除线，删除线是穿过文本的细线，如下所示-

例

现场演示

Strike Text Example
   
    
   
      
The following word uses a strikethrough typeface.

这将产生以下结果-

等宽字体

… 元素的内容以等宽字体书写。大多数字体被称为可变宽度字体，因为不同的字母具有不同的宽度(例如，字母“ m”比字母“ i”宽)。但是，在等宽字体中，每个字母具有相同的宽度。

例

现场演示

Monospaced Font Example
   
    
   
      
The following word uses a monospaced typeface.

这将产生以下结果-

上标文字

… 元素的内容用上标书写；所使用的字体大小与周围的字符相同，但是显示为比其他字符高半个字符。

例

现场演示

Superscript Text Example
   
    
   
      
The following word uses a superscript typeface.

这将产生以下结果-

下标文字

… 元素的内容用下标书写；所使用的字体大小与周围的字符相同，但显示为在其他字符下方半个字符的高度。

例

现场演示

Subscript Text Example
   
    
   
      
The following word uses a subscript typeface.

这将产生以下结果-

插入文字

… 元素中出现的所有内容均显示为插入的文本。

例

现场演示

Inserted Text Example
   
    
   
      
I want to drink cola wine

这将产生以下结果-

删除文字

… 元素中出现的所有内容均显示为已删除的文本。

例

现场演示

Deleted Text Example
   
    
   
      
I want to drink cola wine

这将产生以下结果-

较大的文字

… 元素的内容显示为比周围的其余文本大一号字体，如下所示-

例

现场演示

Larger Text Example
   
    
   
      
The following word uses a big typeface.

这将产生以下结果-

较小的文字

… 元素的内容显示为比周围的其余文本小一个字体，如下所示-

例

现场演示

Smaller Text Example
   

   
      
The following word uses a small typeface.

这将产生以下结果-

分组内容

和元素允许您将几个元素组合在一起以创建页面的节或子节。

例如，您可能希望将所有脚注放在

元素内的页面上，以指示该
元素内的所有元素都与脚注相关。然后，您可以将样式附加到此
元素，以便使用一组特殊的样式规则显示它们。

例

现场演示

Div Tag Example
   
    
   
      

      

         
Content Articles

         
Actual content goes here.....

这将产生以下结果-

另一方面，元素只能用于对内联元素进行分组。因此，如果您希望将句子或段落的一部分归为一组，则可以使用元素，如下所示。

例

现场演示

Span Tag Example
   
    
   
      
This is the example of span tag
         and the div tag alongwith CSS

这将产生以下结果-

这些标记通常与CSS一起使用，以允许您将样式附加到页面的一部分。