博客列表 >Markdown语法和emmet语法

Markdown语法和emmet语法

秋闲独醉
秋闲独醉原创
2022年07月02日 10:20:44455浏览

Markdown 的语法

1、标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2、列表

1、无序列表

  • sheet1
  • sheet2
  • sheet3
    • sheet1
    • sheet2

2、有序列表

  1. sheet1
  2. sheet2
    2.1 sheet1
    2.2 sheet2

3、代码

1、单行

var param = document.getElementId('name');

2、多行

  1. Class Demo(){
  2. public $name = $_REQUEST['name'];
  3. public function test(){
  4. }
  5. }

4、表格

id name age sex
1 Tom 20 1
2 Jooin 18 0

5、图片

这是个风景图

emmet语法

1、用’html:5’或 ‘!’创建html文档结构

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. </body>
  11. </html>

2、’标签名.class#id{内容}’创建元素和属性

p.name#name{姓名}

  1. <p class="name" id="name">
  2. 姓名
  3. </p>

3、’父子标签’

ul>li*3{$}

  1. <ul>
  2. <li>1</li>
  3. <li>2</li>
  4. <li>3</li>
  5. </ul>

4、兄弟标签

.name{姓名}+.age{年龄}

  1. <div class="name">姓名</div>
  2. <div class="age">年龄</div>

5、序号

$指定数1开始序号,@指定开始的序号

ul.menu>li.option*4{item$}

  1. <ul class="menu">
  2. <li class="option">item1</li>
  3. <li class="option">item2</li>
  4. <li class="option">item3</li>
  5. <li class="option">item4</li>
  6. </ul>

ul.menu>li.option*4{item$@3}

  1. <ul class="menu">
  2. <li class="option">item3</li>
  3. <li class="option">item4</li>
  4. <li class="option">item5</li>
  5. <li class="option">item6</li>
  6. </ul>

ul.menu>li.option*4{item$@-3}

  1. <ul class="menu">
  2. <li class="option">item6</li>
  3. <li class="option">item5</li>
  4. <li class="option">item4</li>
  5. <li class="option">item3</li>
  6. </ul>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议