MarkDown常用语法与emmet常用语法

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，后面加上语言类型

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

---

二、Emmet常用语法

class

.classname

<div class="classname">
</div>

id

// #idname

<div id="idname">
</div>

属性

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

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

属性数值

.item$*3{content}

<div class="item1">content</div>
<div class="item2">content</div>
<div class="item3">content</div>

标签内的文本

span{Detail}

<span>Detail</span>

子节点

ul>li.item$*3

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

兄弟节点

div+span+p

<div></div>
<span></span>
<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

<div class="item1"></div>
<div class="item2"></div>
<div class="item3"></div>
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" name="submit" value="Submit">
<span class="item">Detail</span>
<span class="item">Detail</span>
<span class="item">Detail</span>