CSDN自定义格式-----markdown支持的html标签总结

1. 注释

   <!-->注释内容<-->


2. 超链接

   <a href='链接指向地址'>显示的内容</a> 


3. 缩写标记,比如在记录文档的时候会引用一些缩写,但是会需要显示全称,那么就可以使用这个标签来实现
    如下面的示例,显示的AD,但是将鼠标放在AD上面的时候就会显示title中内容anno Domini
    a <abbr title='anno Domini'>AD</abbr> !!!!

        


4. acronym 标签可以理解和abbr 实现的是同样的功能,但是显示的title的样式会有所不同
    i like <acronym title='my baby'>Dog</acronym> !!!

5. 用p标签来定义一个普通文本

    <p>星期日</p>

     

6. 用b标签来定义一个加粗文本

    <b>星期日</b>

     

注:strong,b标签可以实现加粗的效果

    <strong>星期日</strong>


7. 用i标签来定义一个斜体文本

    <i>星期日</i>

    

注: cite,em,i 标签都可以实现斜体的效果

    <cite>星期日</cite>
    <em>星期日</em>


8. 列表的定义
   有序列表:
   <ol>
       <li>有序列表1</li>
       <li>有序列表2</li>
       <li>有序列表3</li>
   </ol>

    
   无序列表:
   <ul>
       <li>无序列表1</li>
       <li>无序列表2</li>
       <li>无序列表3</li>
   </ul>

    

  注:有序列表和无序列表不可以多层嵌套

   条目格式
    <dl>
        <dt>列表定义条目</dt>
        <dd>条目的解释...</dd>
        <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
        <dd>以视觉方式显示信息的装置2 ... ...</dd>
   </dl>

   


9. 字体的放大效果,每嵌套一层,放大一倍
    <big>放<big>大<big>字<big>体</big>

   

10. 标签块的定义
    <blockquote>

      标签块的定义,可以脱离文本块的限制,左右有缩进,标签有图形的区别 

    </blockquote>

   

11.  br标签可以用来换行

     a<br><br>b


12. table的定义
     <table border="1">
        <caption>这里是标题</caption>
        <tr>
           <th>列1</th>
          <th>列2</th>
       </tr>
       <tr>
          <td>值1</td>
          <td>值1</td>
       </tr>
     </table>


    
13. 将文本居中显示
     <center>文本居中显示</center>

 

14. 计算机代码格式
     <code>定义计算机代码</code>

  
15. 样本文本格式
     <samp>定义样本文本</samp>

 
16. 键盘文本格式
     <kbd>定义键盘文本,表示文本是从键盘上输入的</kbd>

     

17. 删除标识 
     <del>删除标识</del>

      

18. 插入图像
     <figure>
        <figcaption>插图的图像标题</figcaption>
       <img src="xxxx" width="35" height="23" />
     </figure>

19. 定义字体样式 
     <font color='red' size="2" >定义文本的样式</font>

  

20. 不同的标题字体大小
    <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <h3>这是标题 3</h3>
    <h4>这是标题 4</h4>
    <h5>这是标题 5</h5>
    <h6>这是标题 6</h6>

21. 水平分割线
    <hr />

   

22. 删除和插入标识 
    a dozen is <del>20</del> <ins>12</ins> pieces
                     

23. 突出文本标识
     <p>Do not forget to buy <mark>突出文本</mark> today.</p>   

24. 导航栏链接 
     <nav>
         <a href="index.asp">Home</a>
         <a href="html5_meter.asp">Previous</a>
         <a href="html5_noscript.asp">Next</a>
     </nav>

 

25. 预格式化 
     <pre>
         &lt;html&gt;

         &lt;head&gt;

         &lt;/body&gt;

         &lt;/html&gt;
     </pre>


26. 上标和下标 
    这段文本包含 <sub>下标</sub>
    这段文本包含 <sup>上标</sup>


27. 绘图

    <svg width="100" height="100">
         <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
    </svg>

  
    <svg width="100" height="100">
         <rect x="5" y="2" rx="20" ry="20" width="90" height="90" style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
    </svg>

    

28. 下划线
     <u>对其使用下划线</u>   

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值