Blogger Information
Blog 12
fans 0
comment 0
visits 17550
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Markdown常用语法(Emmet常用语法)实例演示
php001
Original
461 people have browsed it
  • 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)
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