简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > vscode及插件,学习markdown语法，html文档说明
Blogger Information
Blog 18
fans 0
comment 0
visits 7746
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vscode及插件,学习markdown语法，html文档说明
只如初见
Original
551 people have browsed it

vscode及插件

插件

已安装插件

序号 名称 描述
1 chinese(simplified ...) 简体中文语言包
2 live server html 实时预览
3 prettier-code formatter 最流行的代码格式化插件
4 better comments 自定义注释颜色
5 path intellisense 路径自动感知填充
6 dracula at night 吸血鬼暗黑版
7 code runner 几乎可以快速运行常见的所有语言,如php,java,js...
8 markdown preview... markdown 实时预览

插件截图

编程字体

markdown语法

1. 标题

  1. # level 1 headline
  3. ## level 2 headline
  5. ### level 3 headline
  7. #### level 4 headline
  9. ##### level 5 headline
  11. ###### level 6 headline

2. 列表

2.1 无序列表

  • 无序列表1
  • 无序列表2
  • 无序列表3
    • 无序列表3-1
    • 无序列表3-2
    • 无序列表3-3

2.2 有序列表

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
    1. 有序列表3-1
    2. 有序列表3-2
    3. 有序列表3-3

3. 代码

  1. 单行: const box = document.querySelector('#box")
  2. 多行
  1. <!-- !文档类型 -->
  2. <!DOCTYPE html>
  3. <!-- ?根元素: lang 页面语言 -->
  4. <html lang="zh-CN">
  5.   <!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  6.   <head>
  7.     <!-- //元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
  8.     <meta charset="UTF-8" />
  9.     <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11.     <!-- *视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13.     <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
  14.     <title>网页标题</title>
  15.     <!-- 引入外部样式表 -->
  16.     <link rel="stylesheet" href="css.css" />
  17.     <!-- 引入外部脚本 -->
  18.     <script src="page.js"></script>
  19.   </head>
  20.   <!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
  21.   <body>
  22.     <!-- H1标题加样式属性设置 -->
  23.     <h1 style="color: red">hello world</h1>
  24.     <h1>我是大标题</h1>
  25.     <!-- 引入图片 -->
  26.     <img src="img.jpg" alt="" />
  27.   </body>
  28. </html>

4. 表格

见插件安装图

5. 图片

语法: 图片说明
见上面截图

链接:

html手册: https://www.php.cn/course/27.html

Correcting teacher：PHPzPHPz

Correction status：qualified

Teacher's comments：条理清晰，舒服
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！