Markdown语法小结

1.标题

写法:

  1. # 一级标题
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题
  5. ###### 五级标题
  6. ####### 六级标题

实例演示

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2.字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

语法:

  1. **字体加粗**
  2. *字体倾斜*
  3. ***字体倾斜加粗***
  4. ~~删除线~~

实例演示:

加粗
斜体
倾斜加粗
删除线

3.列表

3.1 无序列表

语法:
  1. - item1
  2. - item2
  3. - item3
  4. - subitem3-1
  5. - subitem3-2
  6. - subitem3-3
实例演示
  • item1
  • item2
  • item3
    • item3-1
    • item3-2
    • item3-3

3.2 有序列表

语法:
  1. 1. 列表内容
  2. 2. 列表内容
  3. 3. 列表内容
  4. 注意:序号跟内容之间要有空格

实例演示:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套
上一级和下一级之间敲三个空格即可

4.分割线

语法:

  1. ----
  2. ***
  3. *****
  4. 这几种写法都可

实例展示:




5.代码

语法:

单行代码

  1. `代码内容`

多行代码

  1. ```)代码类型
  2. 代码块(用```包括起来```)
  3. (```

实例演示

单行代码:
echo "hello"
多行代码:

  1. print("hello world")

5.分割线

语法:

  1. |表头|表头|表头|
  2. |--- |--- |---|
  3. |内容|内容|内容|
  4. |内容|内容|内容|
  5. 第二行分割表头和内容。

实例演示:

姓名性别年龄
内容内容内容
内容内容内容

6.图片和链接

插入图片语法:

  1. ![图片说明](图片url)

实例演示:

19期前端开发

插入链接语法:

  1. <链接>
  2. 网页url用<>框起来

实例演示:

第 19 期: https://www.php.cn/course/1382.html

HTML标签学习小结:

  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>

更多相关文章

  1. Android:Groovy基础语法
  2. Ement语法,元素属性及布局标签
  3. markdown语法练习
  4. vscode及插件,学习markdown语法,html文档说明
  5. Android使用selector改变文字的颜色
  6. android 根据EditText 内容,改变TextView显示
  7. Python中的if...else语法和执行流程
  8. Java对象级别与类级别的同步锁synchronized语法示例
  9. android 使内容铺满全屏

随机推荐

  1. cordova + ionic前端框架 js和android io
  2. Android控件阴影效果的几种实现方法
  3. Android 应用程序中使用 Internet 数据(XM
  4. Android UI基础——ImageView&ImageButto
  5. android日记
  6. Android(安卓)系统Action大全
  7. android的常用开发包
  8. 显示倒计时的Dialog
  9. android调用系统发送短信 和 已发送短信
  10. Android(安卓)Broadvast简介