Markdown 语法小结
1. 标题
语法:
# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6
实例:
标题1
标题2
标题3
标题4
标题5
标题6
2. 列表
2.1 无序列表
语法:
- item1
- item2
- item3
- subitem3-1
- subitem3-2
- subitem3-3
实例:
语法
1. item1
2. item2
3. item3
1. item3-1
2. item3-2
3. item3-3
实例:
- 福建
- 浙江
- 广东
- 潮州
- 深圳
- 广州
3. 代码
语法:
单行用`内容`
多行用```内容 ```
实例1. 单行:const box = document.querySelector('#box")
实例2. 多行:
namespace core;
class Demo
{
...//...
}
4. 表格
语法:
| 序号 | 姓名 | 职业 | 电话 |
| --- | --- | --- | --- |
| 1 | 李二 | 老师 | 123 |
| 2 | 王五 | 电工 | 234 |
| 3 | 张三 | 木工 | 456 |
实例:
序号 | 姓名 | 职业 | 电话 |
---|---|---|---|
1 | 李二 | 老师 | 123 |
2 | 王五 | 电工 | 234 |
3 | 张三 | 木工 | 456 |
5. 图片
语法:![图片说明](图片url)
实列:
HTML 5 语法小结
<!-- 文档类型 -->
<!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> 标题属性 -->
<h1 style="color: red">hello world</h1>
<h1>今晚大家很认真</h1>
<!-- <img> 标签定义图像 -->
<img src="xxx.jpg" alt="" />
<!-- 单标签: 通常用于引用外部资源
双标签: 内容来自开发者提供 -->
</body>
</html>