博客列表 >前端1-1:md文本编译与html语义化的实例

前端1-1:md文本编译与html语义化的实例

唐朝的博客
唐朝的博客原创
2020年09月28日 23:57:27565浏览

1 Markdown语法

一个markdown,只有一个标题#

2 这是一个段落


每个段落可以用格式

3有序列表(这是一个三级标题)

1.001
2.002
3.003

4无序列表(这是一个五级标题)

无序列表

  • 前端

    • html
    • css
    • javascript
  • 后端

    • php
    • java
    • python

5 引用

这是第一长引用
这是第二条引用
这是第三条引用

6 单行代码

<div class="name">姓名</div>

7 多行代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <link rel="stylesheet" href="css/demo1.css">
  8. </head>
  9. <body>
  10. <header>
  11. <h1>&lt;header&gt;</h1>
  12. </header>
  13. <div class="container">
  14. <aside><h1>&lt;aside&gt;</h1></aside>
  15. <main><h1>&lt;main&gt;</h1>
  16. <div>
  17. <section>
  18. <h1>&lt;secion&gt;</h1>
  19. </section>
  20. <section>
  21. <h1>&lt;secion&gt;</h1>
  22. </section>
  23. </div>
  24. </main>
  25. </div>
  26. <footer><h1>&lt;footer&gt;</h1></footer>
  27. </body>
  28. </html>

9 图片

效果图

10 链接

php中文网

php中文网http://www.php.cn

[php中文网]http://www.php.cn

11 表格

序号 品名 数量 单价 总金额
1 手机 2 1000 2000
2 电脑 4 2500 10000
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议