![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：
Collection
Collection
<!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>Html是结构化标签语言</title></head><body><!-- 1. 标签与内容：'{text}' --><h3>Html是结构化标签语言</h3><div class="title">默认标签div</div><hr><!-- 2. 属性和语法糖：`[attr]` --><!-- [id=app]{app} --><div id="app">app</div><!-- [class=title]{title} --><div class="title">title</div><!-- id,class是高频,通用属性,emmet为它定制了“语法糖” --><!-- `id ==> #, class ==> .` --><!-- #app{app} --><div id="app">app</div><!-- .class{title} --><div class="class">title</div><hr><!-- 3. 重复：'*' --><!-- .container{title}*3 --><div class="container">title</div><div class="container">title</div><div class="container">title</div><hr><!-- 4. 父子：`>` --><!-- ul>li{item}*3 --><ul><li>item</li><li>item</li><li>item</li></ul><!-- 5. 兄弟关系 --><h3>标题</h3><p>内容</p><!-- h3{标题}+p{内容} --><h3>标题</h3><p>内容</p><hr><!-- 6. 父级 --><!-- .box>span{text}^h3{小标题} --><div class="box"><span>text</span></div><h3>小标题</h3><hr><!-- 7. 分组：`(...)` --><nav><h3>导航</h3><ul><li><a href="">like</a></li><li><a href="">like</a></li><li><a href="">like</a></li></ul></nav><!-- nav>h3+ul>li*3>a{like} --><!-- nav>h3+(ul>li*3>a{like}) 不能tab生成 -->nav>h3+(ul>li*3>a{like})nav>h3+ul>li*3>a{like<nav><h3></h3><ul><li><a href="">like</a></li><li><a href="">like</a></li><li><a href="">like</a></li></ul></nav><hr><!-- 8. 序号：`$` ,`$@` --><ul><li>item-1</li><li>item-2</li><li>item-3</li></ul><!-- 默认是$@1 ul>li{item-$}*3 --><ul><li>item-1</li><li>item-2</li><li>item-3</li></ul><!-- 自定义起始 ul>li{item-$@6}*3 --><ul><li>item-6</li><li>item-7</li><li>item-8</li></ul><!-- ul>li{item-$@-6}*3 倒叙--><ul><li>item-8</li><li>item-7</li><li>item-6</li></ul></body></html>
## 总结遇到的问题nav>h3+ul>li*3>a{like}nav>h3+(ul>li*3>a{like}) 不能tab生成