Markdown语法
标题
写法
1.#一级标题。
2.##二级标题。|
3.###三级标题。
4.####四级标题。
5.#####五级标题。
6.######六级标题.
实例演示
一级标题
二级标题
三级标题
四级标题
五级标题
2.字体
1 加粗
要加粗的文字左右分别用两个号包起来
2 斜体
要倾斜的文字左右分别用一个号包起来
3 斜体加粗
要倾斜和加粗的文字左右分别用三个*号包起来
4 删除线
要加删除线的文字左右分别用两个~~号包起来
语法
*加粗*
**倾斜**
***倾斜加粗***
实例
加粗
倾斜
倾斜加粗删除线
3 列表
3.1无序列表
语法
– item1
– item2
– item3
– subitem3-1
– subitem3-2
– subitem3-3
实例
- item1
- item2
- item3
- subitem3-1
- subitem3-2
- subitem3-3
3.2有序列表
- 列表内容
- 列表内容
- 列表内容
注意:序号跟内容之间要有空格
实例演示
- 列表内容
- 列表内容
- 列表内容
列表嵌套
上一级和下一级之间敲三个空格即可
4. 分割线
- – – –
- ***
- ****
- 以上几种都可以
实例演示
5. 代码
语法
单行代码
’代码内容;’
多行代码
(’’’) 代码类型
代码块(用’’’包括起来’’’)
(```)
实例演示
单行代码
echo hello
多行代码:
print("hello world")
表格
| 表头 | 表头 | 表头 | 表头 |
| – – – – |– – – – |– – – – |
| 内容 | 内容 | 内容 | 内容
| 内容 | 内容 | 内容 | 内容
| 内容 | 内容 | 内容 | 内容
实例演示
姓名 | 性别 | 年龄 |
---|---|---|
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
6 图片和链接
- ![图片说明] (图片url)
演示
插入链接语法
<链接>
网页url用<>框起来
演示
第十九期演示https://www.php.cn/blog/qianlima.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 style="color: red">hello world</h1>
<h1>今晚大家很认真</h1>
<img src="xxx.jpg" alt="" />
<!-- 单标签: 通常用于引用外部资源
双标签: 内容来自开发者提供 -->
</body>
</html>