您现在的位置是:网站首页> 编程资料编程资料

【HTML 元素】标记文字详解详解HTML编程的标记与文档结构css 滤镜效果主要对HTML标记设置滤镜效果html body标签详解与html常用的控制标记 Html注释 Html中标记文字注释的符号html入门教程 html标记符号快速掌握HTML5 新旧语法标记对我们有什么好处Html长文本超出标记宽度后自动截取实现代码html中的meta标记简单对照浅谈HTML中的标记

2023-10-09 353人已围观

简介 下面小编就为大家带来一篇【HTML 元素】标记文字详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

先看显示效果:

对应HTML代码:

XML/HTML Code复制内容到剪贴板
  1. >  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Learn4Fonttitle>  
  6. head>  
  7. <body>  
  8. <p> 元素 b —— <b> I am the example.b>p>  
  9. <p> 元素 em —— <em> I am the example.em>p>  
  10. <p> 元素 i —— <i> I am the example.i>p>  
  11. <p> 元素 s —— <s> I am the example.s>p>  
  12. <p> 元素 strong —— <strong> I am the example.strong>p>  
  13. <p> 元素 u —— <u> I am the example.u>p>  
  14. <p> 元素 small —— <small> I am the example.small>p>  
  15. <p> 元素 sub —— <sub> I am the example.sub>p>  
  16. <p> 元素 sup —— <sup> I am the example.sup>p>  
  17. body>  
  18. html>  

对应元素习惯样式:

XML/HTML Code复制内容到剪贴板
  1. *一般表示关键词和产品名称*   
  2. b{font-weight: bolder;}   
  3.   
  4. *一般表示加以强调*   
  5. em {font-style: italic;}   
  6.   
  7. *一般表示外文词语或科技术语*   
  8. i {font-style: italic;}   
  9.   
  10. *一般表示不准确或校正*   
  11. s {text-decoration: line-through;}   
  12.   
  13. *一般表示重要文字*   
  14. strong {font-weight: bolder;}   
  15.   
  16. *一般表示为文字添加下划线*   
  17. u {text-decoration: underline;}   
  18.   
  19. *一般表示为添加小号字体内容*   
  20. small {font-size: small;}   
  21.   
  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. <p style=" font-size: 3em;">  
  2.     <ruby><rp>(rp><rt>chīrt><rp>)rp>ruby>  
  3.     <ruby><rp>(提示: 本文由整理自网络,如有侵权请联系本站删除!
    本站声明:
    1、本站所有资源均来源于互联网,不保证100%完整、不提供任何技术支持;
    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途;否则由此产生的法律后果,本站概不负责!

相关内容

-六神源码网