本文介绍了Markdown的快捷语法，包括标题、段落、列表、代码块、链接、图片和表格的使用方法，并提及了HTML语义化标签的重要性。
markdown快捷语法与html语义化标签
提示一切标签均以英文状态下操作
##markdow快捷语法
###1.标题
‘#’ 为一级标题
'##'为二级标题
以此类推，想用几级就在文字前输入几个#号即可
###2.段落
markdown 直接在文本需要分段的地方输入“—” ，三个-即可分段。
markdown快捷语法到这为一个段落，实际操作熟练即可。
###3.列表
1.有序列表
例：
1.香蕉
2.苹果
3.梨
有序列表直接在文字前加入数字方式以‘1.这是列表1’
2.无序列表
- 可乐
- 可口
- 百事
- 雪碧
- 茶
在文字前加入“-”，记得与文字空一格，不然无法正常显示，二级则在一级的基础上空出一个字符。
###4.代码块
1.单行代码
https://www.php.cn/
用两个 `` 符号包裹
2.多行代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
</body>
</html>
多行代码显示则用两个 ```进行包裹
###5.链接
1.只显示文本链接
我的博客
这就是相当于文本链接，方式为 [文本]+(链接)
2.显示文本与链接
我的博客https://www.php.cn/blog/nianqi.html
文本与链接全部显示且均有指向，方式为 [文本]+(链接)+<链接>
3.文本与链接仅有链接指向
我的博客<>
<>符号内为链接
###6.图片
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YVcwSGLw-1601452081243)(https://www.zyff.cc/skin/default/images/opensource.gif “图片描述”)]
图片为网上的图，图片显示方式为 ![图片描述] (链接 “图片描述”)
###7.表格
| 1 | 2 | 3 | 3 | 4 |
|---|---|---|---|---|
| 2 | 5 | 6 | 7 | 2 |
| 4 | 4 | 4 | 2 | 5 |
表格比较生动吧，由 |||| 中间加内容以及||||中间加-组成，中间加- 在第二行进行书写即可。
##html语义化标签
| 序号 | 标签 | 语义 |
|---|---|---|
| 1 | - | 标题 |
| 2 |
| 头部标签 |
| 3 | 主体 | |
| 4 | 导航 | |
| 5 | 边栏 | |
| 6 | 区块 | |
| 7 | 页脚 | |
| 8 | 文档 |
扫一扫
988
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
