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.图片
图片为网上的图,图片显示方式为 ![图片描述] (链接 “图片描述”)
7.表格
1 | 2 | 3 | 3 | 4 |
---|---|---|---|---|
2 | 5 | 6 | 7 | 2 |
4 | 4 | 4 | 2 | 5 |
表格比较生动吧,由 |||| 中间加内容以及||||中间加-组成,中间加- 在第二行进行书写即可。
html语义化标签
序号 | 标签 | 语义 |
---|---|---|
1 | <h1>-<h6> | 标题 |
2 | <header></header> | 头部标签 |
3 | <main></main> | 主体 |
4 | <nav></nav> | 导航 |
5 | <aside></aside> | 边栏 |
6 | <section></section> | 区块 |
7 | <footer></footer> | 页脚 |
8 | <article></article> | 文档 |