markdown编写技巧

本文介绍了Markdown中如何使用上角标和下角标,以及如何创建和格式化表格,包括单元格合并、内嵌HTML代码实现、对齐方式和单元格内换行等排版技巧。
摘要由CSDN通过智能技术生成

上下角标

上角标
<sub> (上角标内容) </sub>

如:g0
在markdown中输入为:

g<sub>0</sub>
下角标
<sup> (下角标内容) </sup>

如:2100
在markdown中输入为:

2<sup>100</sup>

多个空格

一般,在markdown中,使用半角输入,无论多少个空格,都只识别为一个空格,输入多个空格的方法:

全角输入

在这里插入图片描述

使用以下方式

插入一个空格:
&nbsp;&#160;&#xA0;

插入两个空格:
&ensp;&#8194;&#x2002;
插入四个空格:
&emsp;&#8195;&#x2003;
插入细个空格:
&thinsp;&#8201;&#x2009;
注意,不要忘记;

制表

制表(对齐方式)

使用管道符|来分隔列,在第一行定义表头,不同列间用|分隔
第二行用于作表头和主体部分的分隔线,
对齐方式通过第二行设置:

|-|-|-|  # 居中,可以输入多个'-'
|-:|-:|-:|  # 右对齐,‘-’和‘:’间不能有空格,此处也是可输入多个'-',只要':'在右侧即可
|:-|:-|:-|  # 左对齐

第三行开始,每行为表格的一行数据,用|隔开
例如下:

| 表头     | 表头     | 表头     |
|- |- | -|
| 行1,列1 | 行1,列2 | 行1,列3 |
| 行2,列1 | 行2,列2 | 行2,列3 |
| 行3,列1 | 行3,列2 | 行3,列3 |
**
表头表头表头
行1,列1行1,列2行1,列3
行2,列1行2,列2行2,列3
行3,列1行3,列2行3,列3
| 表头     | 表头     | 表头     |
|-: | -: | -: |
| 行1,列1 | 行1,列2 | 行1,列3 |
| 行2,列1 | 行2,列2 | 行2,列3 |
| 行3,列1 | 行3,列2 | 行3,列3 |
表头表头表头
行1,列1行1,列2行1,列3
行2,列1行2,列2行2,列3
行3,列1行3,列2行3,列3
| 表头     | 表头     | 表头     |
|:- |:- | :-|
| 行1,列1 | 行1,列2 | 行1,列3 |
| 行2,列1 | 行2,列2 | 行2,列3 |
| 行3,列1 | 行3,列2 | 行3,列3 |
表头表头表头
行1,列1行1,列2行1,列3
行2,列1行2,列2行2,列3
行3,列1行3,列2行3,列3

单元格合并

内嵌HTML代码实现单元格合并
普通表格绘制

<table>
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
</table>
标题1标题2
内容1内容2

合并单元格:

<h4>单元格跨行跨列:</h4>   <!--标题-->
<table border="1" width="500px" cellspacing="10">
<tr>
  <th align="left">表头(左对齐)</th>
  <th align="center">表头(居中)</th>
  <th align="right">表头(右对齐)</th>
</tr>
<tr>
  <td>行1,列1</td>
  <td>行1,列2</td>
  <td>行1,列3</td>
</tr>
<tr>
  <td colspan="2" align="center">合并行单元格</td>
  <td>行2,列3</td>
</tr>
<tr>
  <td rowspan="2" align="center">合并列单元格</td>
  <td>行3,列2</td>
  <td>行3,列3</td>
</tr>
<tr>
  <td>行4,列2</th>
  <td>行4,列3</td>
</tr>
</table>
<!--在表格td中,有两个属性控制居中显示
	align——表示左右居中——left,center,right
	valign——控制上下居中——left,center,right
	width——控制单元格宽度,单位像素
	cellspacing——单元格之间的间隔,单位像素
-->

单元格跨行跨列:
表头(左对齐)表头(居中)表头(右对齐)
行1,列1行1,列2行1,列3
合并行单元格行2,列3
合并列单元格行3,列2行3,列3
行4,列2 行4,列3

单元格内换行

使用<br>实现单元格内换行

| 表头     | 表头     | 表头     |
|- |- | -|
|1<br>列1 |1<br>列2 |1<br>列3 |
|2<br>列1 |2<br>列2 |2<br>列3 |
|3<br>列1 |3<br>列2 |3<br>列3 |
表头表头表头
行1
列1
行1
列2
行1
列3
行2
列1
行2
列2
行2
列3
行3
列1
行3
列2
行3
列3
  • 10
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值