本文最后更新于:2 年前
Markdown Study
一、what’s Markdown
二、How to study
1
| <iframe src="//player.bilibili.com/player.html?aid=851448338&bvid=BV1aL4y137cy&cid=506463410&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
|
超链接名
示例
简书
1 2 3
| <video id="video" controls="" preload="none" poster="封面"> <source id="mp4" src="mp4格式视频" type="video/mp4"> </videos>
|
1 2 3
| <video id="video" controls="" preload="none" poster="封面"> <source id="webm" src="webm格式视频" type="video/webm"> </videos>
|
1 2 3
| <video id="video" controls="" preload="none" poster="封面"> <source id="ogv" src="ogv格式视频" type="video/ogv"> </videos>
|
1 2 3 4 5 6 7 8 9 10 11 12
| <iframe src="视频或者网页路径" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" height=600 width=800> </iframe>
|
1
| ![](https://gitee.com/turbo-studio/image/raw/master/image/20210215225951.gif)
|
二、Markdown如何生成表格
模板 |
用途 |
回退 |
index |
首页 |
|
post |
文章 |
index |
page |
分页 |
index |
archive |
归档 |
index |
category |
分类归档 |
archive |
tag |
标签归档 |
archive |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
整数类型 |
short |
16 |
整数类型 |
int |
32 |
整数类型 |
long |
64 |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
1. 普通表格
1 2
| 使用 |文字1|文字2| 三个或多个连字符(---)分割开表头
|
代码如下:
1 2 3 4 5 6 7 8
| | 模板 | 用途 | 回退 | | -------- | -------- | ------- | | index | 首页 | | | post | 文章 | index | | page | 分页 | index | | archive | 归档 | index | | category | 分类归档 | archive | | tag | 标签归档 | archive |
|
模板 |
用途 |
回退 |
index |
首页 |
|
post |
文章 |
index |
page |
分页 |
index |
archive |
归档 |
index |
category |
分类归档 |
archive |
tag |
标签归档 |
archive |
也可以直接这样写,处理效果是一样的
1 2 3 4
| |表头1|表头2| |---|---| |内容1|内容2| |内容3|内容4|
|
2.多行多列的表格
采用HTML的代码方式,与正常的HTML代码使用一样:
其中text-align是为了文本居中(只能左右),vertical-align是垂直居中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
| <table> <tr> <td colspan="2" style="text-align: center;vertical-align:middle;">数据类型</td> <td>长度(位)</td> </tr> <tr> <td rowspan="4" style="text-align: center;vertical-align:middle;">整数类型</td> <td>byte</td> <td>8</td> </tr> <tr> <td>short</td> <td>16</td> </tr> <tr> <td>int</td> <td>32</td> </tr> <tr> <td>long</td> <td>64</td> </tr> <tr> <td rowspan="2" style="text-align: center;vertical-align:middle;">浮点类型</td> <td>float</td> <td>32</td> </tr> <tr> <td>double</td> <td>64</td> </tr> <tr> <td style="text-align: center;vertical-align:middle;">字符型</td> <td>char</td> <td>16</td> </tr> <tr> <td style="text-align: center;vertical-align:middle;">布尔型</td> <td>boolean</td> <td>~</td> </tr> </table>
|
效果如下:
数据类型 |
长度(位) |
整数类型 |
byte |
8 |
short |
16 |
int |
32 |
long |
64 |
浮点类型 |
float |
32 |
double |
64 |
字符型 |
char |
16 |
布尔型 |
boolean |
~ |