博客列表 >MarkDown常用语法与emmet常用语法

MarkDown常用语法与emmet常用语法

P粉932932019
P粉932932019原创
2022年07月04日 12:52:54479浏览

WEB常用端口

  • HTTP 80
  • HTTPS 443
  • FTP 21
  • Email 25

一、MarkDown常用语法

标题

一个#代表一个<h1>,支持到<h6>

有序列表

写法:数字+空格+内容,若是下级序列,则在前面+空格再写数字

  1. 第一段内容
    1.1 内容1
    1.2 内容2
    1.3 内容3
  2. 第二段内容

无序列表

写法:-+空格+内容

  • item1
  • item2
  • item3

链接

写法:[Title](URL)
示例:百度

图片

写法:![标题](URL)

图片标题

引用

写法:英文半角一个大于号>

这段引用里面也可以嵌套,比如添加链接QQ
换行继续书写…

行内代码

写法:英文半角2个ESC

代码块

写法:英文半角3个ESC,后面加上语言类型

  1. $name = 'Tom';
  2. $sex = 1;
  3. echo "我是".$name."性别".$sex;

二、Emmet常用语法

class

.classname

  1. <div class="classname">
  2. </div>

id

// #idname

  1. <div id="idname">
  2. </div>

属性

input[name=username type=text value=CC]

  1. <input type="text" name="username" value="CC">

属性数值

.item$*3{content}

  1. <div class="item1">content</div>
  2. <div class="item2">content</div>
  3. <div class="item3">content</div>

标签内的文本

span{Detail}

  1. <span>Detail</span>

子节点

ul>li.item$*3

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

兄弟节点

div+span+p

  1. <div></div>
  2. <span></span>
  3. <p></p>

组合

div.item$3^input[name=username type=text]+input[name=password type=password]+input[name=submit type=submit value=Submit]^span.item{Detail}3

  1. <div class="item1"></div>
  2. <div class="item2"></div>
  3. <div class="item3"></div>
  4. <input type="text" name="username">
  5. <input type="password" name="password">
  6. <input type="submit" name="submit" value="Submit">
  7. <span class="item">Detail</span>
  8. <span class="item">Detail</span>
  9. <span class="item">Detail</span>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议