手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML如何实现双行合一的排版

时间:2024-10-15 10:42:24

1、在一个文件夹中,新新建一个文本文件,如图:

HTML如何实现双行合一的排版

2、将文件名命令为test.txt,如图所示:

HTML如何实现双行合一的排版

3、使用文本编辑器打开test.txt文件,如图:

HTML如何实现双行合一的排版

4、在打开的文件中,输入如下内容,然后保存文件,如图:<table border屏顿幂垂="1"> <tr> <td rowspan="2" style="font-size: 2em;">我第一列,双行合并</td> <td>我是第一行第二列哦,哈哈</td> <td rowspan="2" style="font-size: 2em;">我是第三列,双行合并了哦</td> <td>我是第一行第四列,我就是效果</td> </tr> <tr> <td>由于第一列被合并了2行,因此我是第二行第二列啦</td> <td>由于第三列被合并了2行,因此我是第二行第四列啦</td> </tr></table>

HTML如何实现双行合一的排版

5、将文件test.txt重命令为test.html,如图:

HTML如何实现双行合一的排版

6、双击打开test.html,会使用默认浏览器打开,然后可以看到效果:

HTML如何实现双行合一的排版
© 手抄报圈