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

博主信息

博文 37

粉丝 0

访问量 22283

专题推荐

更多>

Markdown 的语法

1、标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2、列表

1、无序列表

sheet1
sheet2
sheet3
- sheet1
- sheet2

2、有序列表

sheet1
sheet2
2.1 sheet1
2.2 sheet2

3、代码

1、单行

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

2、多行

Class Demo(){
public $name = $_REQUEST['name'];
public function test(){
}
}

4、表格

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

5、图片

这是个风景图

emmet语法

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>   
</body>
</html>

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

p.name#name{姓名}

<p class="name" id="name">
姓名
</p>

3、’父子标签’

ul>li*3{$}

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

4、兄弟标签

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

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

5、序号

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

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

<ul class="menu">
    <li class="option">item1</li>
    <li class="option">item2</li>
    <li class="option">item3</li>
    <li class="option">item4</li>
</ul>

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

<ul class="menu">
    <li class="option">item3</li>
    <li class="option">item4</li>
    <li class="option">item5</li>
    <li class="option">item6</li>
</ul>

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

<ul class="menu">
    <li class="option">item6</li>
    <li class="option">item5</li>
    <li class="option">item4</li>
    <li class="option">item3</li>
</ul>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

Markdown语法和emmet语法

2022-07-02 10:20:44