*

MARKDOWN STYLE PART
  • Iframe
<div id="htmldemo"></div>
<style>
  #htmldemo {
    height: 30px;
    width: 30px;
    background-color: #00aa9a;
    animation-name: moveX;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: both;
  }
  @keyframes moveX {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(100px);
    }
  }
</style>
  • 表格
Tables Are Cool Tables Are Cool Are
col 3 is right-aligned $1600 col 3 is right-aligned $1600 right-aligned
col 2 is centered $12 col 2 is centered $12 centered
zebra stripes are neat $1 zebra stripes are neat $1 are neat 
| Tables        |      Are      |   Cool | Tables        |      Are      |   Cool |
| ------------- | :-----------: | -----: | ------------- | :-----------: | -----: |
| col 3 is      | right-aligned | \$1600 | col 3 is      | right-aligned | \$1600 |
| col 2 is      |   centered    |   \$12 | col 2 is      |   centered    |   \$12 |
| zebra stripes |   are neat    |    \$1 | zebra stripes |   are neat    |    \$1 |
  • 分割线
---
  • 标记

A

  • 引用

abc

> abc
  • 字体 斜体 粗体 删除线
_斜体_
**粗体**
~~删除线~~
  • 代码行 这是一段文字rm -rf /*这是一段文字
这是一段文字`rm -rf /*`这是一段文字
  • 图片

![smoke][doge]

<!-- 图片流 doge=pic-->
![smoke][doge]

[doge]:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADfMAAApyCAYAAADp/vULAAAACXBIWXMAAAsTAAALEwEAmpwYAAAgAElEQVR4nOzdaZRV9Zk+7JtiHsQIAsqsgBPihAOBRDEtiSaIQ0yMY2trwCHov40apLHVRNSOEBNRMTgRsdUYWztpE42COIsooEYQFRQEAgiCTMVUVL0feDmLsgoohJJ0e11rsbL3

[name](http:\\....) //超链接