一级标题
标题前加上#表示一级标题
二级标题
标题前加上##表示二级标题
三级标题
标题前加上###表示三级标题
段落
用------分隔符表示段落
列表
有序列表：
- 上午 11 点开会
- 中午 12:00 午休
- 下午 16:00 下班
用数字表示
无序列表：
- 前端
- html
- csss
- javascript
- 后端
- php
- java
- python
用-表示无序列表，子列表则在-符号前面加上两个空格
引用
其实我是一个不爱说话的人
直播讲课都是被逼的
不逼自己一下, 根本不知道自己有多优秀
在一段话前面加上>符号表示引用
代码块
单行代码：<?php include "header.php" ?>
在代码前后都加上`符号表示单行代码
多行代码：
<!DOCTYPE html><html><head> </head><body></body></html>
$name = 'admin';
# git初始化git init# 提交git commit -m 20:46
在代码前后都加上```符号表示多行代码，不同的代码在前面一个符号后面写上需要的代码语言
链接
只显示链接文本
百度
语法：[百度](https://www.baidu.com)
全显示
百度https://www.baidu.com
语法：[百度](https://www.baidu.com)<https://www.baidu.com>
只显示链接
https://www.baidu.com
语法：<https://www.baidu.com>
图片
语法：
小括号中是图片地址链接
表格
| id | 品名 | 单价 | 单位 | 数量 | 金额 |
|---|---|---|---|---|---|
| 1 | 电脑 | 4500 | 台 | 2 | 9000 |
| 2 | 手机 | 3500 | 台 | 1 | 3500 |
语法：
| id | 品名 | 单价 | 单位 | 数量 | 金额 |
| —- | —— | —— | —— | —— | —— |
| 1 | 电脑 | 4500 | 台 | 2 | 9000 |
| 2 | 手机 | 3500 | 台 | 1 | 3500 |
表格无法设置大小, 列宽,以及行与列的合并
如果有个性化需求, 可直接使用<table>标签
语义化结构元素
1. 常用标签
| 序号 | 标签 | 名称 | 描述 |
|---|---|---|---|
| 1 | <h1>-<h6> |
标题 | 通常用来划分或标注内容中的文本段落 |
| 2 | <header> |
页眉 | 一般是由导航, logo 等元素组成 |
| 3 | <footer> |
页脚 | 一般是由友情链接,联系方式,备案号,版权等信息组成 |
| 4 | <nav> |
导航 | 导航通常是由一个或多个链接标签<a>标签组成 |
| 5 | <main> |
主体 | 展示页面主体内容,建议一个页面,只出现一次 |
| 6 | <article> |
文档 | 本义是文档, 实际上可以充当其它内容的容器 |
| 7 | <aside> |
边栏 | 与主体无关的信息(广告位, 相关推荐, 阅读排行等) |
| 8 | <section> |
区块 | 文档或主体中的通用小组件 |
| 9 | <div> |
容器 | 本身无任何语义,通过它的属性来描述用途 |