首页 HTML/CSS html第七课:html文...

html第七课:html文本格式标签

作者:

修改日期:

在使用办公软件office或wps的时候,我们可以把文档中的文字进行格式化设置,例如加粗、斜体、删除等等,那么使用html标签式如果达到这种效果的呢,下面就随我一起看下具体使用实例吧。
This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

This text containssubscript

This text containssuperscript

上面的文字显示效果各不相同,具体看下代码效果:

  1. <b>This text is bold</b><br/>  
  2. <strong>This text is strong</strong><br/>  
  3. <big>This text is big</big><br/>  
  4. <em>This text is emphasized</em><br/>  
  5. <i>This text is italic</i><br/>  
  6. <small>This text is small</small><br/>  
  7. This text contains<sub>subscript</sub><br/>  
  8. This text contains<sup>superscript</sup><br/>  

文本加粗

示例中我们可以看到文本加粗的方式可以通过两个html标签进行控制,strong和b标签,这两个标签一个是物理标签,一个是逻辑标签,b标签式英文单词blod的缩写,本身就具有加粗的意思,所以是物理标签,而strong标签式着重显示的意思,但是浏览器也以加粗表明着重了。

斜体标签

文本斜体和加粗一样,同样有两个html标签可以表示,em和i标签,具体意义参照文本加粗标签;

加大/缩小标签

html标签中的big和small标签可以在浏览器默认基础上加大或缩小文本字号,具体使用参看以上案例说明;

上标/下标标签

当我们在书写数学或是物理公式的时候可以使用html上标(sup)和下标(sub)标签实现文字上标示和下标示。