Creación de tablas <table>
La etiqueta usada es table, debemos tener en cuenta lo siguiente:
- Para crear filas usamos la etiqueta <tr>, pero esta solo funciona dentro de la etiqueta <table>
- Para crear las columnas o celdas, usamos <td>, ten en cuenta que esta si usa dentro de <tr>
El siguiente es un ejemplo donde creamos una tabla de 2 filas y 3 columnas:
<h4>Tabla de 2 filas por Tres columnas</h4>
<table border="1" width="250px">
<tr>
<td>Uno</td><td>Dos</td><td>Tres</td>
</tr>
<tr>
<td>Uno</td><td>Dos</td><td>Tres</td>
</tr>
</table>
Este otro ejemplo crea una tabla realizando la combinación de celdas, para realizar esto necesitamos conocer las propiedades siguientes:
- colspan, la usamos para unir celdas.
- rowspan, la usamos para unir filas.
<table border="1" width="350px" align="center">
<tr>
<td>Uno</td><td>Dos</td><td colspan="2">Tres</td>
</tr>
<tr>
<td colspan="2" rowspan="2">Uno</td><td>Tres</td><td>Cuatro</td>
</tr>
<tr>
<td>Tres</td><td>Cuatro</td>
</tr>
</table>
0 comentarios:
Publicar un comentario