ASCII码 ASCII码

markdown常用语法 ，emmet常用语法

发布于：2022-07-04 14:33:04  栏目：技术文档

markdown语法

1.标题

  1. # 一级标题相当于h1
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题

2.列表

2.1 无序

  • list1
  • list2
  • list3
    • item1
    • item2

2.2 有序

  1. list1
  2. list2
  3. list33.1 item13.2 item2

3.代码

1.单行： const div = document.querySelector('.box')

  1. namespace core;
  2. class Demo
  3. {
  4.     ...
  5. }

4.表格

id name email salary
1 王老师 zls@qq.com 12344
2 李老师 zlss@qq.com 1222

5.图片

20期

emmet常用语法

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9. </head>
  11. <body>
  12.     <!-- 1.id,class -->
  13.     <!-- h1:标签/元素 -->
  14.     <!-- id,clas:属性, -->
  15.     <h1>hello world</h1>
  16.     <!-- id用#表示，class用.表示，内容用{}包含 -->
  17.     <!-- #box{box} -->
  18.     <div id="box">box</div>
  19.     <!-- .content{content} -->
  20.     <div class="content">content</div>
  21.     <!-- 2.层级：父子，兄弟 -->
  22.     <!-- ul>li*3 -->
  23.     <ul>
  24.         <li><a href="">首页</a></li>
  25.         <li><a href="">教程</a></li>
  26.         <li><a href="">社区</a></li>
  27.     </ul>
  28.     <!-- 3.重复生成 -->
  29.     <!-- ul>li*3>a{首页} -->
  30.     <ul>
  31.         <li><a href="">首页</a></li>
  32.         <li><a href="">首页</a></li>
  33.         <li><a href="">首页</a></li>
  34.     </ul>
  35.     <!-- 4.序号：@ $ -->
  36.     <!-- ul.menu>li.item*4>a{item$} -->
  37.     <ul class="menu">
  38.         <li class="item"><a href="">item1</a></li>
  39.         <li class="item"><a href="">item2</a></li>
  40.         <li class="item"><a href="">item3</a></li>
  41.         <li class="item"><a href="">item4</a></li>
  42.     </ul>
  43.     <!-- ul.menu>li.item*4>a{item$@5} -->
  44.     <!-- @：指定起始索引 -->
  45.     <ul class="menu">
  46.         <li class="item"><a href="">item5</a></li>
  47.         <li class="item"><a href="">item6</a></li>
  48.         <li class="item"><a href="">item7</a></li>
  49.         <li class="item"><a href="">item8</a></li>
  50.     </ul>
  51.     <!-- ul.menu>li.item*4>a{item$@-5} -->
  52.     <!-- 反序开始 -->
  53.     <ul class="menu">
  54.         <li class="item"><a href="">item8</a></li>
  55.         <li class="item"><a href="">item7</a></li>
  56.         <li class="item"><a href="">item6</a></li>
  57.         <li class="item"><a href="">item5</a></li>
  58.     </ul>
  60.     <!-- 快速创建5行8列的表格 -->
  61.     <!-- table>caption{学生信息表}+(thead>tr>th{title}*8)+(tbody>tr*5>td{item}*8) -->
  62.     <table>
  63.         <caption>学生信息表</caption>
  64.         <thead>
  65.             <tr>
  66.                 <th>title</th>
  67.                 <th>title</th>
  68.                 <th>title</th>
  69.                 <th>title</th>
  70.                 <th>title</th>
  71.                 <th>title</th>
  72.                 <th>title</th>
  73.                 <th>title</th>
  74.             </tr>
  75.         </thead>
  76.         <tbody>
  77.             <tr>
  78.                 <td>item</td>
  79.                 <td>item</td>
  80.                 <td>item</td>
  81.                 <td>item</td>
  82.                 <td>item</td>
  83.                 <td>item</td>
  84.                 <td>item</td>
  85.                 <td>item</td>
  86.             </tr>
  87.             <tr>
  88.                 <td>item</td>
  89.                 <td>item</td>
  90.                 <td>item</td>
  91.                 <td>item</td>
  92.                 <td>item</td>
  93.                 <td>item</td>
  94.                 <td>item</td>
  95.                 <td>item</td>
  96.             </tr>
  97.             <tr>
  98.                 <td>item</td>
  99.                 <td>item</td>
  100.                 <td>item</td>
  101.                 <td>item</td>
  102.                 <td>item</td>
  103.                 <td>item</td>
  104.                 <td>item</td>
  105.                 <td>item</td>
  106.             </tr>
  107.             <tr>
  108.                 <td>item</td>
  109.                 <td>item</td>
  110.                 <td>item</td>
  111.                 <td>item</td>
  112.                 <td>item</td>
  113.                 <td>item</td>
  114.                 <td>item</td>
  115.                 <td>item</td>
  116.             </tr>
  117.             <tr>
  118.                 <td>item</td>
  119.                 <td>item</td>
  120.                 <td>item</td>
  121.                 <td>item</td>
  122.                 <td>item</td>
  123.                 <td>item</td>
  124.                 <td>item</td>
  125.                 <td>item</td>
  126.             </tr>
  127.         </tbody>
  128.     </table>
  130. </body>
  131. </html>
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行