闲聊灌水 在帖子中编写表格的方法

yeye55 2024-07-17 17:20 2802

在帖子中编写表格需要编写HTML源代码,下面介绍一个简单的方法。

首先打开记事本,写入以下代码:

<td><p><br/></p></td>

这就是一个没有内容的空单元格。这些元素被称为HTML标签。其中,<td>表示单元格开始,</td>表示单元格结束,<p>表示段落开始,</p>表示段落结束,<br/>表示文字换行。

确认一下表格需要几列。假设是3列,那么把上述代码复制粘贴后代码如下:

<td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td>

在上述代码的开头添加<tr>表示表格行开始,在末尾添加</tr>表示表格行结束,修改后代码如下:

<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>

这就是一个拥有3个单元格的表格行。

确认一下表格需要几行。假设是4行,那么把上述代码复制粘贴后代码如下:

<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>

在上述代码的开头添加<table><tbody>表示表格开始,在末尾添加</tbody></table>表示表格结束,修改后代码如下:

<table><tbody>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
<tr><td><p><br/></p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
</tbody></table>

这就是一个3列4行的空表格的源代码。

打开帖子编辑页面,输入两段内容。输入两个空行也可以。如下图所示:


点击编辑框左上角的“H”按钮,切换到源代码编辑模式。如下图所示:


在两个段落之间插入刚才写的表格源代码。如下图所示:


再次点击编辑框左上角的“H”按钮,切换到内容编辑模式。如下图所示:


这样就在帖子里插入了一个3列4行的空表格,然后往里面填内容就可以。我随便填了点内容,表格1如下:

表格1

3列

4行

在<table>标签中可以使用border属性给表格添加边框。

表格2源代码如下:

<table border="1"><tbody>
<tr><td><p>这</p></td><td><p>是</p></td><td><p>一</p></td></tr>
<tr><td><p>个</p></td><td><p>有</p></td><td><p>边</p></td></tr>
<tr><td><p>框</p></td><td><p>的</p></td><td><p>表</p></td></tr>
<tr><td><p>格</p></td><td><p><br/></p></td><td><p><br/></p></td></tr>
</tbody></table>

表格2如下:



在<td>标签中可以使用style属性来设置单元格背景颜色。

表格3源代码如下:

<table><tbody>
<tr>
<td style="background-color: #DEDEDE;"><p>浅灰</p></td>
<td style="background-color: #99ccff;"><p>淡蓝</p></td>
<td style="background-color: #ccff99;"><p>淡绿</p></td>
<td style="background-color: #ff99ff;"><p>粉红</p></td>
</tr>
</tbody></table>

表格3如下:

浅灰

淡蓝

淡绿

粉红

其他的表格样式我就不多说了,感兴趣的可以自行上网查询。

最新回复 (1)
  • 0 1
    挺不错的,怎么没人点个赞呢?