LV03-Markdown-02-表格

发表于 分类于 本文字数： 1.1k 阅读时长 ≈ 4 分钟

本文主要是Markdown基本语法——表格的相关笔记，若笔记中有错误或者不合适的地方，欢迎批评指正😃。

点击查看使用工具及版本
Windows windows11
Ubuntu Ubuntu16.04的64位版本
VMware® Workstation 16 Pro 16.2.3 build-19376536
点击查看本文参考资料
参考方向 参考原文
------
点击查看相关文件下载
--- ---

主要讲述Markdown中的表格的基本使用。

一、基本表格

  • 语法
markdown
1
2
3
|表头1|表头2|表头3|表头4|表头5|
|---|---|:---|---:| ---| 
| 内容1| 内容2|左对齐|右对齐|换<br>行|
表头1 表头2 表头3 表头4 表头5
内容1 内容2 左对齐 右对齐 换
行

这种是Markdown的表格语法，写着简单，但是排版什么的就不会那么美观啦。

二、html表格

1. 基本语法

在Markdown中是可以直接使用html的一些语法的，就比如表格：

1
2
3
4
5
6
7
8
9
10
<table>
    <tr>
        <td>第1行，第1列</td>
        <td>第1行，第2列</td>
    </tr>
    <tr>
        <td>第2行，第1列</td>
        <td>第2行，第2列</td>
    </tr>
</table>

实际效果如下：

第1行，第1列 第1行，第2列
第2行，第1列 第2行，第2列

2. 表格合并与颜色添加

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
<table>  <!-- 表格开始 -->
	<tr>   <!-- 第一行 -->
		<td bgcolor=#87CEFA>第一列</td>  <!-- 第一列 -->
		<td bgcolor=#87CEFA>第二列</td> <!-- 第二列 -->
		<td bgcolor=#87CEFA>第三列</td> <!-- 第三列 -->
		<td bgcolor=#87CEFA>第四列</td> <!-- 第四列 -->
	</tr>
	<tr> <!-- 第二行 -->
		<td colspan="2" align="left" bgcolor=#7B68EE>从第一列开始合并2列,并左对齐<br>后边从第三列开始</td> <!-- 第一列 -->
		<td>第三列</td> <!-- 第三列 -->
		<td>第四列</td> <!-- 第四列 -->
	</tr>
	<tr> <!-- 第三行 -->
		<td rowspan="2" align="left" bgcolor=#FF69B4>从第二行开始合并2行，并居中对齐<br>创建下一行的时候，下一行不需要再创建第一列</td> <!-- 第一列 -->
		<td>第二列</td> <!-- 第二列 -->
		<td>第三列</td> <!-- 第三列 -->
		<td>第四列</td> <!-- 第四列 -->
	</tr>
	<tr> <!-- 第四行 -->
		<td>第二列</td> <!-- 第二列 -->
		<td>第三列</td> <!-- 第三列 -->
		<td>第四列</td> <!-- 第四列 -->
	</tr>
	<tr> <!-- 第五行 -->
		<td><font color=#8B1A1A>第一列字体颜色：#8B1A1A</font></td> <!-- 第一列 -->
		<td> <font color=#8A2BE2>第二列字体颜色：#8A2BE2</font></td> <!-- 第二列 -->
		<td>第三列</td> <!-- 第三列 -->
		<td>第四列</td> <!-- 第四列 -->
	</tr>
</table>

实际效果如下：

第一列 第二列 第三列 第四列
从第一列开始合并2列,并左对齐
后边从第三列开始		 第三列 第四列
从第二行开始合并2行，并居中对齐
创建下一行的时候，下一行不需要再创建第一列		 第二列 第三列 第四列
第二列 第三列 第四列
第一列字体颜色：#8B1A1A 第二列字体颜色：#8A2BE2 第三列 第四列