markdown 语法（一个#为一级标题，两个#为二级标题，以此类推）

一级标题

二级标题

三级标题

四级标题

五级标题

列表：

无序列表

AAA1
AAA2
AAA3
- AAA1
- AAA2
- AAA3

有序列表

AAA1
AAA2
AAA3
1. AAA2-1
2. AAA2-2
3. AAA2-3

代码

单行：echo ‘hello word’;
多行：
```
namespace core;
class Demo
{
 // ...
}
```

表格：

id	name	sex	age	email	add
1	张三	男	18	zhangsan@qq.com	上海
2	李四	女	20	lisi@qq.com	北京
3	王五	男	22	wangwu@qq.com	深圳

图片：

语法: 图片说明

链接:

第 19 期: https://www.php.cn/course/1382.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>标题</h1>
    <!--图片标签-->
    <img src="xxx.jpg" alt="" />
    <!-- 单标签: 通常用于引用外部资源
    双标签: 内容来自开发者提供 -->
  </body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

布局实战代码

2022-03-28 12:57:53