编辑器VSCode 插件
Dracula Official 主题（Dracula At Night）暗黑模式Dracula At Night vsCode语言包Better Comments 更好的注释Live Server 时实服务器（网页随着代码动态改变）Markdown Preview Enhanced Markdown语法高亮Prettier - Code formatter 代码格式化
markdown 语法
标题
1
2
3
4
# 标题（一个#为大标题 多个则为小标题）
列表
无序列表
无序列表写法： - xxx - xxx -xxx -xxx
有序列表
- xxx1
- xxx2
- xxx2-1
- xxx2-2
有序列表写法： 1.xxx1 2.xxx2 1.xxx2-1 2.xxx2-2
代码
- 单行:
echo 'hello word'
- 多行
public function index($name){ return $name; }
表格
| id |
name |
sex |
age |
| 1 |
张公公 |
男 |
22 |
| 2 |
王丫鬟 |
女 |
18 |
| 3 |
韦爵爷 |
男 |
32 |
| 4 |
赵国公 |
男 |
45 |
表格代码| id | name | sex | age || --- | --- | --- | --- || 1 | 张公公 | 男 | 22 || 2 | 王丫鬟 | 女 | 18 || 3 | 韦爵爷 | 男 | 32 || 4 | 赵国公 | 男 | 45 |
图片
写法: 
链接:
博客: https://blog.houyue52.cn/
写法： <https://blog.houyue52.cn/>
HTML 标签含义
类型声明 这是一个html类型的<!DOCTYPE html>页面语言定义<html lang="zh-CN">定义头部 作用：提供页面描述、引用脚本、样式<head> charset 字符集列如： UTF-8、UTF-16、GBK <meta charset="UTF-8"> 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。这个name为viewport的meta标签到底有哪些东西呢，又都有什么作用呢？meta viewport 标签首先是由苹果公司在其safari浏览器中引入的，目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿，引入对meta viewport的支持，事实也证明这个东西还是非常有用的。 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 标题 <title>Document</title> 引入外部样式表 <link rel="stylesheet" href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.css" /> 引入外部脚本 <script src="11cnirx.js"></script></head>主体内容 页面现实的内容和你写的基本都在这个里面啦<body> 标题标签 <h1>hello</h1> 链接标签 <a href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg"></a> 图片标签 <img src="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg" alt="" /></body></html>
