![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
autoloadCorrection status：qualified
Teacher's comments：不错，再添上自定义属性就更好了，加油
Collection
Collection
<body><!-- 快速生成 class 标签.类名--><!-- 默认标签是div, .title --><div class="title"></div><!-- 标签.类名,img.arrtical --><img src="" alt="" class="arrtical" /><!-- 快速生成id，标签#id名，默认标签是div --><div id="msnv"></div><!-- 标签#id名, p#msnv--><p id="msnc"></p><!-- 快速生成标签内容，{} div{hello word!} --><div>hello word!</div><!-- 层级关系 --><!-- 创建父子层级元素 > , div>span>a--><div><span><a href=""></a></span></div><!-- 创建同级层级元素 > , div+p--><div></div><p></p><!-- 重复 * div*3--><div></div><div></div><div></div><!-- 分组: () --><!-- .cart>h2{购物车}+(ul>li*3>a{商品})+p{总计: 3 件} --><div class="cart"><h2>购物车</h2><ul><li><a href="">商品</a></li><li><a href="">商品</a></li><li><a href="">商品</a></li></ul><p>总计: 3 件</p></div><!-- 序号 $, div{item$}, 指定开始数字：$@5, 倒序排序：$-1--><div>item1</div><div>item2</div><div>item3</div><!-- table>tr*3>td --><table><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></table></body>
class、id、style
<div class="top">top</div><div id="header">header</div><div style="color: green;">10086</div>
href、src、rel
<a href="baidu.com">baidu</a><img src="" alt="" /><link rel="stylesheet" href="" />
<!-- 3. 事件属性 on + click--><button onclick="alert('提交成功')">确定</button>
<div old_msnv="TH045386">用户信息</div>
<!-- 语义化的布局标签 --><header>header</header><main>main</main><footer>footer</footer><article></article><nav></nav><aside></aside>
