批改状态:合格
老师批语:
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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号