HTML的table中如何合并多行?

1、跨多行的表元 <th rowspan=#>

<table border>

<tr><th rowspan=3> Morning Menu</th><!–rowspan=3,跨三行表元–>

<th>Food</th> <td>A</td></tr>

<tr><th>Drink</th> <td>B</td></tr>

<tr><th>Sweet</th> <td>C</td></tr>

</table>

2、跨多列的表元 <th colspan=#>

<table border>

<tr><th colspan=3> Morning Menu</th> <!–colspan=3,跨三列表元–>

<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

扩展资料:

有合并就有拆分,下面是拆分的方法

拆分行:

<%@ page contentType=”text/html;charset=ISO-8859-1″ language=”java” %>

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>

<style type=”text/css”>

table{

font-size:10pt;

border:1px solid #808080;

}

th{

border-bottom:1px solid #808080;

border-right:1px solid #808080;

}

</style>

</head>

<body>

<form id=”form1″ name=”form1″ method=”post” action=””>

<table id=”table1″ width=”100%” cellspacing=”0″ cellpadding=”0″>

<tr align=”center” bgcolor=”#3E3695″ style=”color:#FFFFFF;height:25px;”>

<th rowspan=”3″>1-1</th>

<th rowspan=”3″>1-2</th>

<th rowspan=”2″>1-3</th>

<th rowspan=”1″>1-4</th>

<th rowspan=”3″>1-5</th>

</tr>

<tr align=”center” bgcolor=”#3E3695″ style=”color:#FFFFFF;height:30px;”>

<th>2-4</th>

</tr>

<tr align=”center” bgcolor=”#3E3695″ style=”color:#FFFFFF;height:30px;”>

<th>2-3</th>

<th>3-4</th>

</tr>

</table>

</form>

</body>

</html>

html如何对表格的一行中的几列进行合并的代码

colspan,表示合并列。colspan等于几就是合并几个列的单元格。比如:colspan=”2″,就是合并了2个列的单元格。

rowspan,表示合并行。rowspan等于几就是合并几个行的单元格。比如:rowspan=”2″,

就是合并了2个行的单元格。

Colspan、rowspan都是写在<td>标签里的。

例:

<table width=”300″ border=”0″ cellspacing=”0″ cellpadding=”0″>

<tr>

<td> </td>

<td> </td>

<td colspan=”2″> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td rowspan=”3″> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

扩展资料:

1.HTML的特点:

HTML制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:

(1)简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

(2)可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

(3)平台无关性:超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

(4)通用性: HTML是一种简单、通用的全置标记语言。

它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

2. HTML的书写方式:

HTML其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种:

(1)基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,如果用WPS来编写,也可以。

不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

(2)半所见即所得软件, 如:FCK-Editer、E-webediter等在线网页编辑器。

尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

(3)所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页。

如: AMAYA(出品单位:万维网联盟); FRONTPAGE(出品单位:微软)。

参考资料:百度百科-HTML

HTML5 怎么把一行一列 和二行一列 合并起来?

<table width=”500″ border=”1″>

  <tr>

    <td rowspan=”2″>nbsp;</td>

    <td>nbsp;</td>

  </tr>

  <tr>

    <td>nbsp;</td>

  </tr>

</table>

rowspan=”2″这个就是合并的。