html5删除线span标签，cite标签，mark标签，code标签，bdo标签，sup标签，sub标签以及常用转义字符

最新推荐文章于 2024-07-06 16:10:04 发布

ztt0918

最新推荐文章于 2024-07-06 16:10:04 发布

阅读量4.6k

点赞数

分类专栏： html5 文章标签： html5删除线span标签 cite标签 mark标签 code标签 bdo标签

本文链接：https://blog.csdn.net/ztt0918/article/details/64126699

版权

html5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!-- 删除线 用来显示删除数据-->
<s>这是被删除的文本1</s>
<br/>


<strike>这是被删除的文本2</strike>
<br/>


<!--html5推荐使用的标签-->
<span style="text-decoration: line-through">这是被删除的文本3</span>
<br/>


<span style="text-decoration: underline">下划线文本</span>
<br/>

 
 
  
  
 
 
<span style="text-decoration: overline">上划线文本</span>
<br/>

 
 
  
  
 
 
<!--cite：浏览器显示为倾斜，常用于书，画作，作品的引用-->
<br/>
<cite>这是cite标签</cite>


 
 
  
  
 
 
<!--mark标签：高亮或标记文本 浏览器显示的背景颜色为黄色-->
<br/>

 
 
  
  <
  
  mark
  
  >
  
  高亮显示文本
  
  </
  
  mark
  
  >
 
 
 
 
  
  

 
 
<!--code标签：只是表示计算机的代码，但是浏览器只会显示等宽字体，不会保留代码的格式，需要配合pre标签使用-->
<pre>

<code>
    String
    for(){
    sb.
    }

</code>
</pre>

 
 
  
  
 
 
<!--bdo:表示文本的方向，dir="ltr" 从左到右 left to right dir="rtl" 从右向左-->
<BR>
<bdo dir="rtl">张甜甜</bdo>
<br/>

 
 
  
  
 
 
<bdo dir="ltr">张甜甜</bdo>

 
 
  
  
 
 
<!--sup:上标文本-->
<br>
X<sup>2</sup>
<br/>

 
 
  
  
 
 
<!--sub:下标文本-->
log<sub>2</sub>5
<br/>

 
 
  
  
 
 
s<sub>2</sub>o<suP>-4</suP>
<br/>


<!--转义字符：http://www.ydcss.com/archives/495
     &copy；版权符号
     &lt；左尖括号<
     &gt；右尖括号>
     &frasl:斜线|
     &nbsp;空格-->
<p>tt&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tt</p>
<br/>

 
 
  
  
 
 
 
 
  
  </
  
  body
  
  >
 
 
</html>

ztt0918

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录