一、markdown常用标签与实例演示
1.标题
符号#表示标题，其数目代表标题等级
通常最多三级标题即可
实例：
一级标题
二级标题
三级标题
2.列表
符号-代表无序列表，数字序号(1.)代表有序列表
实例：
- 无序项目1
- 无序项目2
- 无序子项目1
- 无序子项目2
- 有序项目1
- 有序项目2
- 有序子项目1
- 有序子项目2
3.代码
单行使用
xxxxxx,多行使用
xxxxxx
实例：
const box = document.querySelector('#box")
<!DOCTYPE html><html lang="en"><head></head><body></body></html>
4.表格
实例：
| id | name | class | address |
|---|---|---|---|
| 1 | 张三 | 一班 | 北京 |
| 2 | 李四 | 二班 | 上海 |
| 3 | 王五 | 三班 | 广州 |
5.图片
实例
二、html标签功能
单标签: 通常用于引用外部资源
双标签: 内容来自开发者提供
| 序号 | 标签 | 功能 | 实例 |
|---|---|---|---|
| 1 | <!DOCTYPE> |
声明文档类型 | <!DOCTYPE html> |
| 2 | <html> |
根元素 | <html lang="zh-CN"></html> |
| 3 | <head> |
头元素,页面描述 | <head></head> |
| 4 | <meta> |
元标签 | <meta charset="UTF-8" /> 字符编码 |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 浏览器兼容 |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 移动端适配 |
|||
| 5 | <title> |
页面标题 | <title></title> |
| 6 | <link> |
引入外部样式表 | <link rel="stylesheet" href="style.css" /> |
| 7 | <script> |
引入外部脚本 | <script src="script.js"></script> |
| 8 | <body> |
主题元素 | <body></body> |
| 9 | <h1> |
标题 | <h1></h1> |
| 10 | <img> |
图片 | <img src="xxx.jpg" alt="" /> |