1. 程式人生 > >記不住就存下來---- HTML 5 文本格式化元素

記不住就存下來---- HTML 5 文本格式化元素

div type order code title 分享 spa clas -c

文本格式化元素

元素名稱 元素含義
<b> 定義粗體文本,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<i> 定義斜體文本,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<em> 定義強調文本,實際效果和斜體文本幾乎相同,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<strong>
定義粗體文本,與<b>標簽的作用和使用方法基本同樣
<small> 定義小號字體文本,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<sup> 定義上標文本,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<sub> 定義下標文本,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性
<bdo> 定義文本顯示的方向,該標簽能夠指定 id , class , style 等核心屬性,還能夠指定 OnClick 等各種事件屬性.除此之外該標簽也能夠指定 dir 屬性,該屬性僅僅能是 itr 或者 rtl

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>文本格式化元素</title>
</head>
<body>
   <span>
     
     <!-- 定義粗體文本,該標簽能夠指定 id , class , style 等核心屬性,
     還能夠指定 OnClick 等各種事件屬性-->
     <b>
       加粗文本
     </b>
   </span>
   <br>

   <span>

     <!-- 定義斜體文本,該標簽能夠指定 id , class , style 等核心屬性,
     還能夠指定 OnClick 等各種事件屬性-->
     <i>
       斜體文本
     </i>
   </span>
   <br>

   <!-- 能夠嵌套使用-->
   <span>
     <b>
       <i>
         粗斜體文本
       </i>
     </b>
   </span>
   <br>

   <span>

     <!-- 定義強調文本,
     實際效果和斜體文本幾乎相同,該標簽能夠指定 id , class , style 等核心屬性,
     還能夠指定 OnClick 等各種事件屬性-->
     <em>
       被強調文本
     </em>
   </span>
   <br>

   <!-- 定義大號字體文本,
   該標簽能夠指定 id , class , style 等核心屬性,
   還能夠指定 OnClick 等各種事件屬性-->
   <big>
     <span>
       大號字體文本
     </span>
   </big>
   <br>

   
   <p>

     <!-- 定義粗體文本,
     與<b>標簽的作用和使用方法基本同樣-->
     <strong>
       加粗文本
     </strong>
   </p>
   <br>

   <!-- 定義大號字體文本,
   該標簽能夠指定 id , class , style 等核心屬性,
   還能夠指定 OnClick 等各種事件屬性-->
   <small>
     <span>
       小號字體文本
     </span>
   </small>
   <br>

   <!-- -->
   <div>
     普通文本

     <!--定義上標文本,
     該標簽能夠指定 id , class , style 等核心屬性,
     還能夠指定 OnClick 等各種事件屬性-->
     <sup>
       上標文本
     </sup>
   </div>
   <br>

   <!-- -->
   <span>
     普通文本
     <strong>

       <!--定義下標文本,
       該標簽能夠指定 id , class , style 等核心屬性,
       還能夠指定 OnClick 等各種事件屬性-->
       <sub>
         下標加粗文本
       </sub>
     </strong>
   </span>
   <br>

   <!-- 定義文本顯示的方向,
   該標簽能夠指定 id , class , style 等核心屬性,
   還能夠指定 OnClick 等各種事件屬性.
   除此之外該標簽也能夠指定 dir 屬性,
   該屬性僅僅能是 itr 或者 rtl-->
   <bdo dir="ltr">
     從左往右排列的文本
   </bdo>
   <br>
   
   <bdo dir="rtl">
     從右往左排列的文本
   </bdo>
</body>
</html>


技術分享

加粗文本

斜體文本

粗斜體文本

被強調文本

大號字體文本

加粗文本


小號字體文本


普通文本 上標文本
普通文本 下標加粗文本







????????????????很多其它精彩文章請關註????????????????

技術分享

記不住就存下來---- HTML 5 文本格式化元素