![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
PHPzCorrection status：qualified
Teacher's comments：
Collection
Collection
Dracula Official 主题（Dracula At Night）暗黑模式Dracula At Night vsCode语言包Better Comments 更好的注释Live Server 时实服务器（网页随着代码动态改变）Markdown Preview Enhanced Markdown语法高亮Prettier - Code formatter 代码格式化
# 标题（一个#为大标题 多个则为小标题）
无序列表写法：- xxx- xxx-xxx-xxx
有序列表写法：1.xxx12.xxx21.xxx2-12.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/>
类型声明 这是一个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>