博客列表 >HTML 文本格式化标签使用案例

HTML 文本格式化标签使用案例

山下之石
山下之石原创
2020年10月06日 22:11:16937浏览

HTML文本格式化

1 基本标签

序号 标签 用途
1 <b></b> 加粗文本
2 <big></big> 加大文本
3 <small></small> 缩小文本
4 <em></em> 强调文字,加粗的斜体
5 <i></i> 斜体
6 <strong></strong> 加重语气
7 <sub></sub> 文本变下标
8 <sup></sup> 文本变上标
9 <ins></ins> 文本变插入文本【加下划线】
10 <del></del> 文本变删除文本【加中划线】
11 <pre></pre> 预格式文本【保留空格回车等格式信息】

2 测试代码:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <b>1 文本加粗</b>
  10. <br>
  11. <big>2 加大文本</big>
  12. <br>
  13. <small>3 小文本</small>
  14. <br>
  15. <em>4 加粗的斜体,强调段文字</em>
  16. <br>
  17. <i>5 斜体文本</i>
  18. <br>
  19. <strong>6 加重语气文本</strong>
  20. <br>
  21. 7 SUB 定义下标的文本 例如:
  22. 2<sub>3</sub>
  23. <br>
  24. 8 SUP 定义上标的文本 例如:
  25. 2<sup>2</sup>
  26. <br>
  27. 9 定义插入文本【下划线】,例如:
  28. <ins>我是插入文本</ins>
  29. <br>
  30. 10 定义删除文本【加中划线】,例如:
  31. <del>我是被删除文本</del>
  32. <br>
  33. 11 预格式文本,可以保留空格和回车等格式,例如:
  34. <pre>我的 你的
  35. 大大的
  36. </pre>
  37. <br>
  38. </body>
  39. </html>

3 测试效果

html文本格式化测试

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议