Markdown语法

1.标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

演示效果如下：

2.列表

2.1无序列表

- list1
- list2
- list3
    - ltem1
    - item2

效果图如下：

list1
list2
list3
- ltem1
- item2

2.2有序列表

1. list1
2. list2
    2.1 list

效果图如下：

list1
list2
2.1 list

3.代码

```php
$x = 1234
echo $x;
``
`

效果如下：

$x = 1234
echo $x;

4.表格

|id|name|email|salary|
|---:|---:|---|---|
|1|杨过|yk.com|无|
|2|yk|信息.com|无|
：在哪边就向哪边对齐，两边都有就中间对齐
|-:|右边对齐
|:-|左边对齐
|:-:|居中对齐

效果图如下：

id	name	email	salary
1	杨过	yk.com	无
2	yk	信息.com	无

5.图片与链接

5.1图片

![名字](链接)

效果图如下：

5.2链接

[名字](链接)

效果图如下：

Emmet语法

1.对单个元素

1.1快速生成一个标签

标签名+tab：
效果图如下：

h1再按回车：
 <h1></h1>

1.2生成标签的id属性

*标签名+tab+#

 h1#再·按回车
<h1 id=""></h1>

1.3生成标签的classs属性‘

标签名+tab+.

 h1.再按回车：
 <h1 class=""></h1>
 h1.x再按tab键就是如下：
  <ha class="x"></ha>

1.4生成标签的其他属性

标签名+[属性】

 img[alt],再按回车：
 <img src="" alt="">

1.5生成多个单个元素

 h1*3再按tab键 
 <a href=""></a><a href=""></a><a href=""></a>

1.6生成标签的值

 li{xx}再按tab键：
  <li>x</li>

2.对多个元素

2.1生成多个兄弟

a+h1+h2再按tab键
<a href=""></a>
     <h1></h1>
     <h2></h2>

2.2生成父子元素

每个元素用大于号括起来，就是哪个的子元素

ul>li>a再按tab键
<ul>
    <li><a href=""></a></li>
</ul>

2.3序号’@’和‘#’

ul>li.ix{as$@1}*3再按tab键：
<ul>
    <li class="ix">as1</li>
    <li class="ix">as2</li>
    <li class="ix">as3</li>
</ul>

3.练习（生成一个5*8的表格）

table>caption{标题}+(thead>th>br>tr{表格头部}*5)+tbody>th>br*7>tr{单元格}*5 
再按tab键，这个答案仅供参考

Markdown语法与Emmet语法

Markdown语法

1.标题

2.列表

2.1无序列表

2.2有序列表

3.代码

4.表格

5.图片与链接

5.1图片

5.2链接

Emmet语法

1.对单个元素

1.1快速生成一个标签

1.2生成标签的id属性

1.3生成标签的classs属性‘

1.4生成标签的其他属性

1.5生成多个单个元素

1.6生成标签的值

2.对多个元素

2.1生成多个兄弟

2.2生成父子元素

2.3序号’@’和‘#’

3.练习（生成一个5*8的表格）

更多相关文章

随机推荐