1. 安装Visual Studio Code 插件

序号	插件名称	描述
1	chinese(Simplified)	简体中文语言包
2	live Server	html实时预览
3	prettier-code formatter	代码格式化插件
4	dracula official	吸血鬼主题
5	Markdown Preview Enhanced	Markdown 实时预览
6	Markdownlint	markdown 语法检查器

2.Markdown 语法

1.标题

#  1个#号代表1级标题  ->代表 <h1>
## 2个#号代表2级标题  ->代表 <h2>
### 3个#号代表3级标题  ->代表 <h3>
#### 4个#号代表4级标题  ->代表 <h4>
##### 5个#号代表5级标题   ->代表 <h5>
###### 6个#号代表6级标题   ->代表 <h6>
建议使用到3级标题

2.列表

2.1无序列表

item1
item2
item3
- subltem3-1
- subltem3-2
- subltem3-3

2.2有序列表

 1.item1
 2.item2
 3.item3
    1.subltem3-1
    2.subltem3-2
    3.subltem3-3

3.代码

1.单行:const box = document.querySelector('#box")
2.多行

namespace core;
class Demo
{
    // ...
}

4.表格

id	姓名	职位	工资
1	张三	总经理	8000
2	李四	经理	5000
3	王麻子	前台	3000

5.图片

语法：![描述信息](图片URL地址)

6.链接

博客:https://www.php.cn/blog/ksycdn.html

html文档标签

<!-- !文档类型 -->
<!DOCTYPE html>
<!-- ?根元素: lang 页面语言 -->
<html lang="zh-CN">
<!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
<head>
    <!-- //元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
    <meta charset="UTF-8" />
    <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- *视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="style.css" />
    <!-- 引入外部脚本 -->
    <script src="outer.js"></script>
</head>
<!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
<body>
    <h1 style="color: red">hello world</h1>
    <h1>今晚大家很认真</h1>
    <img src="xxx.jpg" alt="" />
    <!-- 单标签: 通常用于引用外部资源
    双标签: 内容来自开发者提供 -->
</body>
</html>

Correcting teacher：

PHPz

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

Visual Studio Code 插件安装与markdown语法使用

2022-03-18 13:51:56