Markdown语法
Markdown 标题
markdown 标题一共有6个标题
标题使用标记:“#”号
一级标题 #
二级标题 ##
三级标题 ###
四级标题 ####
五级标题 #####
六级标题 ######
Markdown 段落和换行
段落之间回车不会换行
连续敲两个回车才会进行换行
Markdown 引用
一级引用>
二级引用>>
引用可以进行嵌套其他Markdown标签
Markdown 分割线
使用三个或以上*号或者-号
Markdown 编写代码区块
语法:
单行代码使用一个反引号`或者波浪线
使用三个反引号```(常用)
使用三个波浪线~ ~~
在代码前缩进4个空格或一个制表符(Tab)
链接
Markdown 列表
有序列表
1.从1的数字开始
2.并以空格与列表项隔开
无序列表
- 用-表示
- 并以空格与列表项隔开
- 三种方式标记,根据缩进级别自动填充
表格
表格是|- 组合画出来的
表格中数据对齐方式使用:控制
表格由表头和主题组成,中间|-|-|合成
表格在不同的解释器中,效果可能不同
图片
图片语法与连接类似,只需要在前面添加一个!叹号即可
Markdown演示
代码区块演示
单行代码<h1>单行代码</h1>
多行代码
<html>
<head>
<head>
<body>
<h6>多行代码</h6>
<body>
</html>
列表演示
无序列表
- 前端
- html
- css
- js
有序列表
- 后端
- php
- java
- python
表格演示
序号 | 名字 | 性别 |
---|---|---|
1 | 张三 | 男 |
2 | 李四 | 女 |
图片演示
结构化元素用途
序号 | 标签 | 名称 | 描述 |
---|---|---|---|
1 | <h1>-<h6> |
标题 | 通常用来划分或标注内容中的文本段落 |
2 | <header> |
页眉 | 一般是又导航、logo等元素组成 |
3 | <footer> |
页脚 | 一般是由友情链接、联系方式、备案号、版权等信息组成 |
4 | <nav> |
导航 | 一般是由一个或多个链接标签<a> 标签组成 |
5 | <main> |
主体 | 展示页面主体内容,建议一个页面只出现一次 |
6 | <artiicle> |
文档 | 本义是文档,实际上可以充当其他内容等容器 |
7 | <aside> |
边栏 | 与主体无关等信息(广告位、相关推荐、阅读排行等) |
8 | <section> |
区块 | 文档或主体中等通用小组件 |
9 | <div> |
容器 | 本身无任何语义,通过它的属性来描述用途 |
实例演示
<!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>
<header><h1>我是头部</h1></header>
<div>
<aside><h2>边栏</h2></aside>
<main>
<h1>主体</h1>
<div>
<section><h2><section1></h2></section>
<section><h2><section2></h2></section>
</div>
<article><h3></h3></article>
</main>
</div>
<footer><h1>我是页脚</h1></footer>
</body>
</html>