粗体
斜体
++下划线++
==加亮==

格式

删除线
行内代码

H1

H2

H3

H4

H5
H6

链接文本
图像

  • 列表项目
  • 列表项目
  1. 有序列表项目
  2. 有序列表项目
  • [ 任务列表项目 ]
  • [ 任务列表项目 ]
itemModelPriceQty
Laptop13" Pro$1,3001
PhonePlus$8002
WatchSeries 3$4003
HeadphoneHD650$3502
  • [ ] Task 1
  • [x] Task 2
  • [ ] Task 3

@toc

    • *

引言

@chart

CategorySeries 1Series 2Series 3
Category 14.32.42
Category 22.54.42
Category 33.51.83
Category 44.52.85
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>
<body>
    <h1>定义锚点</h1>
    <a href="#段落">段落</a>
    <a href="1.3.列表标签.html#不同页面">不同页面锚点跳转</a>
    <a href="#mail">邮件</a>
    <hr/>
    <h1>图像标签</h1>
    <img src="img/ioinn.cn.png" alt="同一目录下图片" width="50px" height="80px"/>
    <h2>以px为绝对大小</h2>
    <img src="img/ioinn.cn.png" alt="绝对路径" width="20%" height="30%"/>
    <h2>以%为大小</h2>
    <hr/>
    <h1>超链接标签</h1>
    <a href="1.3.列表标签.html"><img src="img/ioinn.cn.png" alt="同一目录下图片" />内容</a>
    <a href="1.3.列表标签.html"><p>链接本地文件</p></a>
    <a href="https://www.ioinn.cn"><img src="img/ioinn.cn.png" alt="绝对路径" /></a>
    <a href="https://www.ioinn.cn"><p>链接网站</p></a>
    <hr/>
    <a href="https://www.ioinn.cn" name="段落"><img src="img/ioinn.cn.png" alt="下一级" /></a>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>
    <p>WebStorm 是前端开发的必备利器,不只是对html,css的抒写比较强悍,</p>

    <hr/>
    <h1>电子邮件</h1>
    <a href="mailto:by_mori@163.com" name="mail">邮件地址</a>
    <h1>文件下载</h1>
    <a href="Resources/ioinn.cn.zip">下载文件</a>
</body>
</html>

$$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$