工具篇 VSCode
安装中文语言包插件 chinese(simplified ...) #汉化安装html实时预览插件 live server #实时预览试错赛博朋克风插件 shades of purple #主题代码格式化插件 prettier-code formatter #代码格式化...
1. markdown基础语法篇
标题
# 对应h1## 对应h2### 对应h3#### 对应h4##### 对应h5###### 对应h6
如下：
标题1
标题2
标题3
标题4
标题5
标题6
--------------------------------------------------------------------------
2. 列表
2.1 无序列表
-xxx1-xxx2-xxx3-ccc3-1-ccc3-2-ccc3-3
- xxx1
- xxx2
- xxx3
- aaa3-1
- aaa3-2
- aaa3-3
2.2 有序列表
1. ooo12. ooo23. ooo31.ttt3-12.ttt3-23.ttt3-3
2.3 单行代码与多行代码
1.单行: const box = document.querySelector('#box")
2.多行:
namespace coreclass Demo{...}
3表格
|ID | name | QQ ||------|---------|----------------|| 1 | Lin | 545800 || 2 | Wang | 10086 || 3 | Zhao | 10010 |
| ID | name | |
|---|---|---|
| 1 | Lin | 545800 |
| 2 | Wang | 10086 |
| 3 | Zhao | 10010 |
4图片
5链接
B站 : <https://www.bilibili.com/>注意 <>
B站 链接 : https://www.bilibili.com/
6HTML 基础篇
<!-- !声明它的文档类型 --><!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>
