PC-Solucion

Soluciones y tips de distintos Sistemas Operativos.

Tabla simple y unión de celdas

<html>
<head>
<title>AlterCMD</title>
<meta charset="utf-8"/>
</head>
<body>
<h2>TABLAS</h2>
<p>Tabla Simple</p>
<table border="1px">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 7</td>
<td>Celda 8</td>
<td>Celda 9</td>
</tr>
</table>
<hr/>
<br/>
<p>Unir Celdas Horizontalmente</p>
<table border="1px">
<tr>
<td>Celda 1</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td colspan="3">Celdas 4,5 y 6</td>
</tr>
<tr>
<td>Celda 7</td>
<td>Celda 8</td>
<td>Celda 9</td>
</tr>
</table>
<hr/>
<br/>
<p>Unir celdas verticalmente</p>
<table border="1px">
<tr>
<td rowspan="3">Celda 1,4 y 7</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 8</td>
<td>Celda 9</td>
</tr>
</table>
</body>
</body>
</html>

Captura

Comments are closed.

A %d blogueros les gusta esto: