Blogger Information
Blog 15
fans 1
comment 1
visits 174153
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
markdown语法基础练习
想做肥仔
Original
921 people have browsed it

工具篇 VSCode

  1. 安装中文语言包插件 chinese(simplified ...) #汉化
  2. 安装html实时预览插件 live server #实时预览试错
  3. 赛博朋克风插件 shades of purple #主题
  4. 代码格式化插件 prettier-code formatter #代码格式化
  5. ...

1. markdown基础语法篇

标题

  1. # 对应h1
  2. ## 对应h2
  3. ### 对应h3
  4. #### 对应h4
  5. ##### 对应h5
  6. ###### 对应h6

如下:

标题1

标题2

标题3

标题4

标题5
标题6
  1. --------------------------------------------------------------------------

2. 列表

2.1 无序列表

  1. -xxx1
  2. -xxx2
  3. -xxx3
  4. -ccc3-1
  5. -ccc3-2
  6. -ccc3-3
  • xxx1
  • xxx2
  • xxx3
    • aaa3-1
    • aaa3-2
    • aaa3-3

2.2 有序列表

  1. 1. ooo1
  2. 2. ooo2
  3. 3. ooo3
  4. 1.ttt3-1
  5. 2.ttt3-2
  6. 3.ttt3-3
  1. ooo1
  2. ooo2
  3. ooo3
    1.ttt3-1
    2.ttt3-2
    3.ttt3-3

    注意空格

2.3 单行代码与多行代码

1.单行: const box = document.querySelector('#box")

2.多行:

  1. namespace core
  2. class Demo
  3. {
  4. ...
  5. }

3表格

  1. |ID | name | QQ |
  2. |------|---------|----------------|
  3. | 1 | Lin | 545800 |
  4. | 2 | Wang | 10086 |
  5. | 3 | Zhao | 10010 |
ID name QQ
1 Lin 545800
2 Wang 10086
3 Zhao 10010

4图片

图片展示

  1. ![随意定义]( 图片url )

5链接

  1. B : <https://www.bilibili.com/>
  2. 注意 <>

B站 链接 : https://www.bilibili.com/

6HTML 基础篇

  1. <!-- !声明它的文档类型 -->
  2. <!DOCTYPE html>
  3. <!-- ?根元素: lang 页面语言 -->
  4. <html lang="zh-CN">
  5. <!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  6. <head>
  7. <!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
  8. <meta charset="UTF-8" />
  9. <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. <!-- *视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13. <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
  14. <title>Document</title>
  15. <!-- 引入外部样式表 -->
  16. <link rel="stylesheet" href="style.css" />
  17. <!-- 引入外部脚本 -->
  18. <script src="outer.js"></script>
  19. </head>
  20. <!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
  21. <body>
  22. <h1 style="color: red">hello world</h1>
  23. <h1>今晚大家很认真</h1>
  24. <img src="xxx.jpg" alt="" />
  25. <!-- 单标签: 通常用于引用外部资源
  26. 双标签: 内容来自开发者提供 -->
  27. </body>
  28. </html>
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post