详解HTML的标记文字

超文本标记语言标记语言应用程序，也是规范，标准，超文本标记用标记符号来标记网页的每个部分，本文是中国E盟技术频道小编为大家介绍的详解HTML的标记文字，希望对你学习有帮助。

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

先看显示效果：

对应HTML代码：

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPEhtml>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>Learn4Font</title>
  6. </head>
  7. <body>
  8. <p>元素b——<b>Iamtheexample.</b></p>
  9. <p>元素em——<em>Iamtheexample.</em></p>
  10. <p>元素i——<i>Iamtheexample.</i></p>
  11. <p>元素s——<s>Iamtheexample.</s></p>
  12. <p>元素strong——<strong>Iamtheexample.</strong></p>
  13. <p>元素u——<u>Iamtheexample.</u></p>
  14. <p>元素small——<small>Iamtheexample.</small></p>
  15. <p>元素sub——<sub>Iamtheexample.</sub></p>
  16. <p>元素sup——<sup>Iamtheexample.</sup></p>
  17. </body>
  18. </html>

对应元素习惯样式：

XML/HTML Code复制内容到剪贴板
  1. *一般表示关键词和产品名称*
  2. b{font-weight:bolder;}
  4. *一般表示加以强调*
  5. em{font-style:italic;}
  7. *一般表示外文词语或科技术语*
  8. i{font-style:italic;}
  10. *一般表示不准确或校正*
  11. s{text-decoration:line-through;}
  13. *一般表示重要文字*
  14. strong{font-weight:bolder;}
  16. *一般表示为文字添加下划线*
  17. u{text-decoration:underline;}
  19. *一般表示为添加小号字体内容*
  20. small{font-size:small;}
  22. *一般表示添加上标和下标*
  23. sup{vertical-align:sub;font-size:smaller;}
  24. sub{vertical-align:super;font-size:smaller;}

2.使用语言元素

ruby、rt 和 rp 元素，先看效果：

对应代码：

XML/HTML Code复制内容到剪贴板
  1. <pstyle="font-size:3em;">
  2. <ruby>魑<rp>(</rp><rt>chī</rt><rp>)</rp></ruby>
  3. <ruby>魅<rp>(</rp><rt>mèi</rt><rp>)</rp></ruby>
  4. <ruby>魍<rp>(</rp><rt>wǎng</rt><rp>)</rp></ruby>
  5. <ruby>魉<rp>(</rp><rt>liǎng</rt><rp>)</rp></ruby>
  6. </p>

3.使用预先编排好格式的内容

pre 元素可以改变浏览器处理内容的方式，阻止合并空白字符，让源文档中的格式得以保留。

XML/HTML Code复制内容到剪贴板
  1. <pre>
  2. <code>
  3. varfruits=["apples","oranges","mangoes","cherries"];
  4. for(vari=0;i<fruits.length;i++){
  5. document.writeln("Ilike"+fruits[i]);
  6. }
  7. </code>
  8. </pre>

以上这篇【HTML 元素】标记文字详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持中国E盟技术频道。