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如何实现双行合一的排版
  • HTML如何画一条分割线
  • 怎么让div居中
  • css如何让div内的文字居中对齐
  • html图片如何居中
  • 如何实现HTML/CSS文字环绕图片布局?
  • 热门搜索
    消防安全手抄报资料 关于科技节的手抄报 手抄报安全 弟子规手抄报图片 清明节的手抄报大全 推荐一本好书手抄报 数学王国手抄报 喜迎国庆手抄报 关于防疫情的手抄报 中国手抄报