首页 > 编程 > HTML > 正文

【HTML 元素】标记文字详解

2019-10-26 17:18:47
字体:
来源:转载
供稿:网友

1.用基本的文字元素标记内容

先看显示效果:

对应HTML代码:

  • <!DOCTYPE html>   <html lang="en">  
  • <head>       <meta charset="UTF-8">  
  •     <title>Learn4Font</title>   </head>  
  • <body>   <p> 元素 b —— <b> I am the example.</b></p>  
  • <p> 元素 em —— <em> I am the example.</em></p>   <p> 元素 i —— <i> I am the example.</i></p>  
  • <p> 元素 s —— <s> I am the example.</s></p>   <p> 元素 strong —— <strong> I am the example.</strong></p>  
  • <p> 元素 u —— <u> I am the example.</u></p>   <p> 元素 small —— <small> I am the example.</small></p>  
  • <p> 元素 sub —— <sub> I am the example.</sub></p>   <p> 元素 sup —— <sup> I am the example.</sup></p>  
  • </body>   </html>  
  • 对应元素习惯样式:

  • *一般表示关键词和产品名称*    b{font-weight: bolder;}   
  •    *一般表示加以强调*   
  • em {font-style: italic;}      
  • *一般表示外文词语或科技术语*    i {font-style: italic;}   
  •    *一般表示不准确或校正*   
  • s {text-decoration: line-through;}      
  • *一般表示重要文字*    strong {font-weight: bolder;}   
  •    *一般表示为文字添加下划线*   
  • u {text-decoration: underline;}      
  • *一般表示为添加小号字体内容*    small {font-size: small;}   
  •    *一般表示添加上标和下标*   
  • sup {vertical-align: sub; font-size: smaller;}    sub {vertical-align: super; font-size:smaller;}  
  • 发表评论 共有条评论
    用户名: 密码:
    验证码: 匿名发表