博客列表 >markdown基础写法与emmet基础写法

markdown基础写法与emmet基础写法

猫九
猫九原创
2022年07月05日 00:08:47333浏览

markdown作业

1.标题

  1. #一级标题
  2. ##二级标题
  3. ###三级标题
  4. ####四级标题
  5. ...

2.列表

2.1.无序列表

  • 小学

  • 中学

  • 大学

    • 大一

    • 大二

    • 大三

2.2.有序列表

1.小学

2.中学

3.大学

  1. 大一
  2. 大二
  3. 大三

3.代码

1.单行:<div><h1 class="title">这是一个标题</h1></div>
2.多行:

  1. <?php
  2. echo "hello world";
  3. ?>

4.表格

星球 人物 目标 任务
贝吉塔行星 贝吉塔 比克星 找七龙珠
地球 卡卡罗特 比克星 打死弗利沙
地球 想装逼 学会代码

5.图片

妹汁

6.视频

视频https://www.php.cn/course/1409.html

Emmett基础写法

1.快速创建html框架

输入“!”之后Tab键
输入“html:5”之后按Tab键

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. </body>
  11. </html>

2.缩写代码的方式

实例:

  1. <div>
  2. <h1 class="title">
  3. 这是个标题
  4. </h1>
  5. </div>
  1. div>h1.title{这是个标题}

3.生成列表

3.1父子关系”>”与兄弟关系”+”的运用

ul>li>a{首页}*3

  1. <ul>
  2. <li><a href="">首页</a></li>
  3. <li><a href="">首页</a></li>
  4. <li><a href="">首页</a></li>
  5. </ul>

table>caption{猫九赛亚人}+(thead>tr>th{title}8)+(tbody>tr5>td{ietm}*8)

  1. <table>
  2. <caption>猫九赛亚人</caption>
  3. <thead>
  4. <tr>
  5. <th>title</th>
  6. <th>title</th>
  7. <th>title</th>
  8. <th>title</th>
  9. <th>title</th>
  10. <th>title</th>
  11. <th>title</th>
  12. <th>title</th>
  13. </tr>
  14. </thead>
  15. <tbody>
  16. <tr>
  17. <td>iemt</td>
  18. <td>iemt</td>
  19. <td>iemt</td>
  20. <td>iemt</td>
  21. <td>iemt</td>
  22. <td>iemt</td>
  23. <td>iemt</td>
  24. <td>iemt</td>
  25. </tr>
  26. <tr>
  27. <td>iemt</td>
  28. <td>iemt</td>
  29. <td>iemt</td>
  30. <td>iemt</td>
  31. <td>iemt</td>
  32. <td>iemt</td>
  33. <td>iemt</td>
  34. <td>iemt</td>
  35. </tr>
  36. <tr>
  37. <td>iemt</td>
  38. <td>iemt</td>
  39. <td>iemt</td>
  40. <td>iemt</td>
  41. <td>iemt</td>
  42. <td>iemt</td>
  43. <td>iemt</td>
  44. <td>iemt</td>
  45. </tr>
  46. <tr>
  47. <td>iemt</td>
  48. <td>iemt</td>
  49. <td>iemt</td>
  50. <td>iemt</td>
  51. <td>iemt</td>
  52. <td>iemt</td>
  53. <td>iemt</td>
  54. <td>iemt</td>
  55. </tr>
  56. <tr>
  57. <td>iemt</td>
  58. <td>iemt</td>
  59. <td>iemt</td>
  60. <td>iemt</td>
  61. <td>iemt</td>
  62. <td>iemt</td>
  63. <td>iemt</td>
  64. <td>iemt</td>
  65. </tr>
  66. </tbody>
  67. </table>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议