博客列表 >bornin69的第二个作业——markdown的五个基本要素

bornin69的第二个作业——markdown的五个基本要素

PHP中文网用户-9288300
PHP中文网用户-9288300原创
2022年11月18日 10:49:22424浏览

born in 69 的markdown作业

1.标题

代码如下:(关键点:井号#)

  1. # level 1 headline
  2. ## level 2 headline
  3. ### level 3 headline

2.列表

  • 无序列表1
  • 无序列表2
  • 无序列表3
    • 无序二级列表1
    • 无序二级列表2
    • 无序二级列表3

代码如下:(无序列表及二级列表代码,关键点:短横线-,加号+,星号*均可以)

  1. - 无序列表1
  2. - 无序列表2
  3. - 无序列表3
  4. - 无序二级列表1
  5. - 无序二级列表2
  6. - 无序二级列表3
    1. 有序列表1
    1. 有序列表2
    1. 有序列表3
      • 3.1 有序二级列表1
      • 3.2 有序二级列表2
      • 3.3 有序二级列表3

代码如下:(有序列表及二级列表代码,关键点:1短横线- 2圆点及空格)

  1. - 1. 有序列表1
  2. - 2. 有序列表2
  3. - 3. 有序列表3
  4. - 3.1 有序二级列表1
  5. - 3.2 有序二级列表2
  6. - 3.3 有序二级列表3

3.代码

  1. 单行
    const div = document.querySelector('box')

  2. 多行

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

关键点:单行成对使用单反引号“`”,多行成对使用三个反引号“```”

4. 表格

序号 商品 单价 数量
1 苹果 5.00 20
2 哈密瓜 10.00 30
3 橙子 8.00 25

代码如下:(关键点:列分隔用竖线,表头之后第二行代码表示分隔线及对齐方式,冒号与横线间不要有空格)

  1. |序号|商品|单价|数量|
  2. |:---:| -------- | ------------:| ------ |
  3. |1|苹果|5.00|20|
  4. |2|哈密瓜|10.00|30|
  5. |3|橙子|8.00|25|

5. 图片

web train

代码如下:

![web train](https://img.php.cn/upload/course/000/000/001/6296df1d179f3127.png "前端开发教程")

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议