博客列表 >Markdown常用语法(Emmet常用语法)实例演示

Markdown常用语法(Emmet常用语法)实例演示

php001
php001原创
2022年07月01日 23:41:49460浏览
  • 1、标题语法:

    1. # 这是一级标题
    2. ## 这是二级标题
    3. ### 这是三级标题
    4. #### 这是四级标题
    5. ##### 这是五级标题
    6. ###### 这是六级标题
  • 2、无序和有序列表语法:

    • 无序列表语法:无序列表用 -
      注意:- 跟内容之间都要有一个空格

    • 有序列表语法:数字加点

      1. 1. 列表内容
      2. 2. 列表内容
      3. 3. 列表内容
      4. 注意:序号跟内容之间要有空格
  • 3、单行和多行代码语法:
    • 单行代码:代码之间分别用一个反引号包起来
      1. `代码内容`
    • 多行代码:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
      1. (```)
      2. 代码...
      3. 代码...
      4. 代码...
      5. (```)
      6. 注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。
  • 4、图片语法:
    ![图片alt](图片地址 ''图片title'')
  • 5、表格语法:
    Markdown表格语法

Emmet常用语法:

  • div是默认标签可以不写, id用#表示,内容用{}包裹
    • 语法:
      #box{box}
    • 结果:
      <div id="box">box</div>
    • 父子语法 > :
      ul>li>a{xxxx}
    • 结果:
      这里容易转译就不演示结果了,可自行去线下实例一下
    • 兄弟语法 + :
      .title{学习}+.url{兄弟语法}
    • 重复语法 * :重复
    • 序号语法: @ $ :
      1. ul.menu>li.item*4>a{item$@5}
      2. $: 默认从1开始递增,升序
      3. @: 指定起始索引
  • 快速创建一个5行8列的表格
    • 实现语法:
      table>caption{学生信息表}+(thead>tr>th{title}*8)+(tbody>tr*5>td{item}*8)
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议