博客中加入表格(markdown的表格)

markdown也可以嵌入表格,格式就和html的一样,代码如下。

<table>
    <thead>
        <tr>
            <th>表头</th>
            <th>表头</th>
            <th>表头</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td>超级</td>
            <td>可爱</td>
        </tr>
        <tr>
            <td></td>
            <td>超级</td>
            <td>机智</td>
        </tr>
        <tr>
            <td></td>
            <td>超级</td>
            <td>帅气</td>
        </tr>
    </tbody>
</table>

代码的显示如下:

表头表头表头
超级可爱
超级机智
超级帅气

比较常用的有:

加粗:<b>
换行:<br>
### 如何在 Markdown 表格插入代码块 在标准的 Markdown 语法中,表格和代码块是两种独立的功能模块。然而,在某些扩展版本的 Markdown(如 GitHub Flavored Markdown, GFM)中,可以通过特定的方式实现这一需求。 #### 创建 Markdown 表格的基础结构 Markdown表格通常由管道字符 `|` 和破折号 `-` 构成列分隔线和头部定义[^1]。例如: ```markdown | 列名1 | 列名2 | |-------|-------| | 数据1 | 数据2 | ``` #### 插入代码块到表格单元格 为了在表格单元格中插入代码块,可以利用反引号 `` ` `` 来包裹代码片段。以下是具体方法: - **单行代码** 如果仅需展示简单的单行代码,则可以直接使用反引号包裹代码内容,并将其放置于表格单元格内[^3]。例如: ```markdown | 功能描述 | 示例代码 | |----------------|------------------------------| | 打印 Hello | `System.out.println("Hello");` | | 定义变量 | `int a = 5;` | ``` - **多行代码** 对于需要显示多行代码的情况,由于 Markdown 原生不支持直接嵌套复杂代码块至表格内部,因此推荐以下替代方案之一: - 将多行代码压缩为一行并用 `\n` 表示换行位置; - 或者借助 HTML `<pre>` 标签手动构建预格式化区域[^2]。 下面分别给出这两种方式的例子: ##### 方法一:压缩多行代码为单行 通过替换实际换行为转义序列 `\n` ,从而保持整个字符串位于同一逻辑行之中: ```markdown | 复杂功能 | 示例代码 | |---------------|--------------------------------------------------------------------------------------------| | 循环打印数组 | `for (int i=0;i<arr.length;i++) { System.out.print(arr[i]); }\n// 结束循环` | ``` ##### 方法二:采用HTML `<pre>` 实现更复杂的布局 如果目标平台允许混合使用 HTML 和 Markdown,则可尝试如下写法: ```html <table> <tr><td>功能</td><td>代码实例</td></tr> <tr><td>函数声明</td><td><pre><code class="java"> public static void main(String[] args){ System.out.println("Test"); } </code></pre></td></tr> </table> ``` 注意此方法依赖渲染器对 HTML 支持程度较高[^2]。 ### 总结 虽然原生 Markdown 对于将代码块放入表格的支持有限,但通过合理运用反引号以及适当引入 HTML 片段等方式仍能达成预期效果。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值