前端学习：HTML文本格式化

 

目录

一、文本格式化标签

1.字体加粗

2.倾斜字体

3.上标、下标文本

 二、预格式文本标签

 1.标签

 三、“计算机输出”标签

 四、地址标签

地址标签

 五、缩写、首字母缩写标签

1.标签

 2.标签

 六、文字方向标签

 七、块引用

1.标签

 2.标签

八、删除字效果和插入字效果标签

1.标签

2.标签

一、文本格式化标签

1.字体加粗

这是粗体字

 

其中标签的功能是把文本定义为语气更强的强调内容，也是实现字体加粗的效果

2.倾斜字体

这是倾斜字体

 

 和标签都是实现斜体效果

3.上标、下标文本

_下标文本

^上标文本

_{标签可定义下标文本。^{标签可定义上标文本。}} 

 二、预格式文本标签

 1.标签

 
   
        这是    保留了
 
   
            格式的文本
 
   
        格式
 
   
    

标签保留了元素的预格式，很适合显示计算机代码
 
  
 
 
  
 三、“计算机输出”标签
 
  
 以下标签常用于显示计算机/编程代码。
 
  
 
   
 
    
 
     
标签
 
     
功能
 
    
 
    
 
     
 
     
定义计算机代码文本
 
    
 
    
 
     
 
     
定义键盘文本。表示文本是从键盘上键入的。
 
    
 
    
 
     
 
     
与和标签一样，但是在HTML5中不支持了
 
    
 
    
 
     
 
     
定义样本文本
 
    
 
    
 
     
 
     
定义变量。
 
    
 
   
 
  
 
  
 可以看到在HTML5中标签标红了，说明它不支持
 
  
 
 
  
 四、地址标签
 
  
地址标签
 
  
 
标签定义文档或文章的作者/拥有者的联系信息
 
  
元素中的文本通常呈现为斜体。
 
  

Written by Donald Duck.
 
Visit us at:

Example.com

李三 564, Disneyland

CN
 
  
 
 
  
 五、缩写、首字母缩写标签
 
  
1.标签
 
  
指示简称或缩写，比如："CNSA"或"WTO"
 
  
通过对缩写进行标记，能够为浏览器、拼写检查和搜索引擎提供有用的信息。
 
  

The 
CNSA
is importance departmen.
 
  
 
  
 2.标签
 
  
因为再HTML5中不支持，这里简单介绍以下，是用于定义首字母缩写词、
 
  
 六、文字方向标签
 
  
标签可覆盖默认的文本方向
 
  
 
   
从右到左输出（倒序）
 
   
从左到右输出（正序）
 
  
 
  
 
 
  
 七、块引用
 
  
1.
标签
 
  
 标签定义块引用。
 
  
 与 
 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
 
  
 
 
  
 2.标签
 
  
 标签定义短的引用。
 
  
浏览器经常在引用的内容周围添加引号。
 
  
 
  
 八、删除字效果和插入字效果标签
 
  
1.标签
 
  
定义文档中已被删除的文本。
 
  
 
 
  
 2.标签
 
  
标记下划线