第一次作业-Markdown学习初体验
开发环境
安装 Vscode
实例演示 emmet 语法
<!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> <style> /* css 高度w200 */ /* css 背景 bgc */ .box { width: 200px; background-color: #fff; background-color: red; } </style> </head> <body> <!-- *id class语法 --> <!-- 生成id div# --> <div id=""></div> <!-- 生成class div. --> <div class=""></div> <!-- #box --> <div id="box"></div> <!-- .active --> <div class="active"></div> <!-- *文本 --> <!-- p{hello woeld} --> <p>hello woeld</p> <!-- *标签层级 --> <!-- div>p>a 上下层级--> <div> <p><a href=""></a></p> </div> <!-- div+p+a 兄弟平级--> <div></div> <p></p> <a href=""></a> <!-- div>p^a --> <div> <p></p> </div> <a href=""></a> <!-- 重复 *n --> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <a href=""></a> <!-- 重复+内容*n --> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> <!-- 导航 ul>li*3>a{link} --> <ul> <li><a href="">link</a></li> <li><a href="">link</a></li> <li><a href="">link</a></li> </ul> <!-- 属性 --> <a herf="https://www.baidu.com">baidu</a> <!-- #header --> <div id="header"></div> <!-- 序号 $ ui>li{ltme$}*5--> <ul> <li>itme1</li> <li>itme2</li> <li>itme3</li> <li>itme4</li> <li>itme5</li> </ul> <!-- ul>li*5>a{link$} --> <ul> <li><a href="">link1</a></li> <li><a href="">link2</a></li> <li><a href="">link3</a></li> <li><a href="">link4</a></li> <li><a href="">link5</a></li> </ul> <!-- ul>li*5>a{link$$} --> <ul> <li><a href="">link01</a></li> <li><a href="">link02</a></li> <li><a href="">link03</a></li> <li><a href="">link04</a></li> <li><a href="">link05</a></li> </ul> <!-- ul>li*5>a{link$@5} --> <ul> <li><a href="">link5</a></li> <li><a href="">link6</a></li> <li><a href="">link7</a></li> <li><a href="">link8</a></li> <li><a href="">link9</a></li> </ul> <!-- ul>li*5>a{link$@-5} --> <ul> <li><a href="">link9</a></li> <li><a href="">link8</a></li> <li><a href="">link7</a></li> <li><a href="">link6</a></li> <li><a href="">link5</a></li> </ul> </body></html>
