快速生成CSDN博文格式支持markdown 复杂表格方法

快速生成CSDN博文格式支持markdown 复杂表格方法

  • 方法1:使用HTML表格格式生成,简单表格方便,复杂表格速度不快
  • 方法2:使用markdown自带语法
  • 方法2:复杂表格使用Excel生成,导出为HTML

方法1:使用HTML表格格式生成,简单表格方便,复杂表格速度不快

通过 < table >< tr >< td >< th > 4个标签分别声明表格、表行、表单元、表头。显示表结构及数据时通常需要为表格设置边框;而控制网页布局时通常需要用到表格嵌套,即在一个表格的中设置另一个表格。

表格常用的属性有border、colspan、rowspan等,分别 设置边框宽度、跨列单元、跨行单元等。
表格示例代码

<html>                                        
    <head>                                    
        
        <meta charset="UTF-8">
        
        <title>HTML表格title>
    head>
    <body>                                    
        
        <h3>普通无边框表格:h3>
        <table>
            <tr>
                <td>row 1 cell 1td>   <td>row 1 cell 2td>   <td>row 1 cell 3td>
            tr>
            <tr>
                <td>row 2 cell 1td>   <td>row 2 cell 2td>   <td>row 2 cell 3td>
            tr>
        table>
        
        <h3>带表头、有边框、有跨列单元:h3>
        <table border="1">        
            <tr>
                
                <th>head 1th>   <th>head 2th>   <th>head 3th>
            tr>
            <tr>
                <td>row 1 cell 1td>   <td>row 1 cell 2td>   <td>row 1 cell 3td>
            tr>
            <tr>
                <td>row 2 cell 1td>   <td colspan="2">row 2 cell 2td>
            tr>
        table>
    body>
html>

结果:

HTML表格

普通无边框表格:

row 1 cell 1 row 1 cell 2 row 1 cell 3
row 2 cell 1 row 2 cell 2 row 2 cell 3
HTML表格

带表头、有边框、有跨列单元:

head 1 head 2 head 3
row 1 cell 1 row 1 cell 2 row 1 cell 3
row 2 cell 1 row 2 cell 2

方法2:使用markdown自带语法

|  |  |
|--|--|
|  |  |

显示表格结果:

方法2:复杂表格使用Excel生成,导出为HTML

复杂表格使用Excel生成,另存为HTML。
快速生成CSDN博文格式支持markdown 复杂表格方法_第1张图片

使用文本编辑工具,打开另存的HTML文件,复制 < table > ……< /table > 内容,到markdown中,即正常为显示表格内容。

除表格外,有些内容可以删除,比如”

你可能感兴趣的:(10Toolbox工具箱)