首頁 >web前端 >html教學 >【HTML 元素】標記文字詳解

【HTML 元素】標記文字詳解

高洛峰
高洛峰原創
2017-02-18 15:19:021078瀏覽

下面小編就為大家帶來一篇【HTML 元素】標記文字詳解。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧

1.用基本的文字元素標記內容

先看顯示效果:

【HTML 元素】标记文字详解

對應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>

對應元素習慣樣式:


XML/HTML Code

複製內容到剪貼簿

對應碼:

XML/HTML Code

【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;}
pre 元素可以改變瀏覽器處理內容的方式,阻止合併空白字符,讓來源文件中的格式得以保留。

 

XML/HTML Code

複製內容到剪貼簿

希望能給大家一個參考,也希望大家多多支持PHP中文網。 更多【HTML 元素】標記文字詳解相關文章請追蹤PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn