zoukankan      html  css  js  c++  java
  • Markdown内嵌Html语言

    概述

      Markdown是内嵌Html语言的,这使得我们可以在Markdown文档里面实现很多有趣的东西。现在记录在此,供自己以后参考,相信对其他人也有用。

    介绍

      Markdown的语法只有一个目标:作为在网上书写的一种格式。

      Html是一种方便出版的格式,Markdown是一种方便书写的格式,因此Markdown语法只规定了那些适用于纯文本的情形。

      对于那些Markdown语法没有规定的情形,可以直接在Markdown里面使用Html语法。只有2点限制:(1)Html的块级元素必须用空行和Markdown的内容分隔开。(2)Html标签前后没有空格。

      注意: 想要了解更多内容请点击这里。

    缩进

      可以使用Html中的转义字符。比如缩进:  

      Roses are blue
    

      会被渲染为:

      Roses are blue

    换行

      标准的Markdown语法规定了2个空格表示换行。

      但是你也可以使用</br>标签换行。

    Roses are blue</br>Violets are red
    

      会被渲染为:

    Roses are blue
    Violets are red

    删除线

      可以使用删除线标签<s></s>。

    Roses are <s>Blue</s>
    

      会被渲染为:

    Roses are Blue

    分割线

      可以使用分割线标签<hr>。

    分割线上面
    <hr>
    分割线下面
    

      会被渲染为:

    分割线上面


    分割线下面

    上下标

      可以使用上标标签<sup></sup>和下标标签<sub></sub>。

    n<sup>2</sup> + 2n + 1 = 0
    
    H<sub>2</sub>O
    

      会被渲染为:

    n2 + 2n + 1 = 0

    H2O

    高亮

      可以使用高亮标签<mark></mark>。

    这是<mark>高亮文本</mark>
    

      会被渲染为:

    这是高亮文本

    表格

      可以使用表格标签。

      表格与Html代码的转换器:点这里

    <table class="table table-bordered table-striped table-condensed">
       <tr>
          <td>John</td>
          <td>Smith</td>
          <td>123 Main St.</td>
          <td>Springfield</td>
       </tr>
       <tr>
          <td>Mary</td>
          <td>Jones</td>
          <td>456 Pine St.</td>
          <td>Dover</td>
       </tr>
       <tr>
          <td>Jim</td>
          <td>Baker</td>
          <td>789 Park Ave.</td>
          <td>Lincoln</td>
       </tr>
    </table>
    

      会被渲染为:

    John Smith 123 Main St. Springfield
    Mary Jones 456 Pine St. Dover
    Jim Baker 789 Park Ave. Lincoln

    iframe标签

      是的,你没有看错,在Markdown里面也可以直接使用iframe标签

      下面是一个简单的演示图

    <p><iframe style=" 100%; height: 120px;" src="https://demo.xiaohuochai.site/css/transition/t18.html" frameborder="0" width="320" height="240"></iframe></p>
    

      会被渲染为:

      下面是一个演示器

    <p><iframe style=" 100%; height: 300px;" src="https://demo.xiaohuochai.site/css/transition/t4.html" frameborder="0" width="320" height="240"></iframe></p>
    

      会被渲染为:

  • 相关阅读:
    【技术贴】【技术贴】每次双击都会跳出来打开方式的解决办法。。。选择你想用来打开此文件的程序。。
    【技术贴】xp更改登录头像,打开“用户账户”时显示:Automation服务器不能创建对象。的解决办
    【技术贴】关于惠普在郑州建立全球云计算服务中心的解析。。来自大河报
    【技术贴】如何删除卡巴斯基的日志?占C盘了好多空间....
    2007 Office 产品版本号
    SharePoint Workflow 基础
    重装SPS 2003的一点经验
    列出有空应该看一下的要点
    WinDBG命令概览(下) 扩展命令
    Content Deployment入门(下)
  • 原文地址:https://www.cnblogs.com/yangzhou33/p/8417359.html
Copyright © 2011-2022 走看看