markdown基本语法
简单总结
1.标题
一个#表示一级标题，##表示二级标题，以此类推
2.列表
有序列表
直接写序号加点，如：
1.上午
2.中午
3.下午
无序列表
前面加- ，如：
- 编程语言
- php
- python
3.引用
用>表示
此段话为引用
4.代码块
单行代码
用点”`”括起来（ESC下面那个按键），如：
<php echo "大家好" ?>
多行代码
用三个点+语言，如：
- html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>
- php
<php$i=1;$b=$i;echo $b;?>
- shell
git init
5.链接
文本用[],文本链接用()，显示链接用<>
只显示链接文本
显示链接和文本
必须加http://或https://，
否则链接显示不出来
只显示链接
百度 http://www.baidu.com
6.图片
在只显示链接文本前面增加！
7.表格
用||表示表格的一格
| 时间 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 |
|---|---|---|---|---|---|
| 上午 | 语文 | 数学 | 英语 | 美术 | 体育 |
| 下午 | 语文 | 数学 | 英语 | 数学 | 语文 |
语义化结构元素
| 序号 | 名称 | 描述 | 举例 |
|---|---|---|---|
| 1 | 块级元素 | 垂直排列，宽高可自定义，与内容无关 | <div>,<p> |
| 2 | 行内元素 | 水平排列，宽高由内容决定 | <span>,<em> |
| 3 | 行内块元素 | 水平排列，但宽高可自定义，多用于引用外部资源 | <img>,<video> |
常用标签
| 序号 | 标签 | 名称 | 描述 |
|---|---|---|---|
| 1 | <h1>-<h6> |
标题 | 用来划分或标注内容的文本段落 |
| 2 | <header> |
页眉 | 一般由导航，logo、组成 |
| 3 | <footer> |
页脚 | 一般用于友情链接，联系方式，版权等 |
| 4 | <nav> |
导航 | 由多个a标签组织 |
| 5 | <main> |
主题 | 展示页面主题内容，建议一个页面只出现一次 |
| 6 | <article> |
文档 | 充当其他内容的容器 |
| 7 | <aside> |
边栏 | 与主体无关的信息，广告位等 |
| 8 | <section> |
区块 | 文档或主题中的小组件 |
| 9 | <div> |
容器 | 本身无任何意思，通过属性描述用途 |
使用案例
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><header><span>测试网站标题</span><img src="" /></header><aside><h4>排行榜</h4><ul><li><a href=""> 第一名</a></li><li><a href=""> 第二名</a></li><li><a href=""> 第三名</a></li><li><a href=""> 第四名</a></li></ul></aside><main><article><p>此处为正文内容</p></article><section><div>此处为块级区域</div></section></main><footer><div><p>联系方式：XXXXXXXX</p><p>联系地址：重庆XXXXX</p></div></footer></body></html>