Para crear tablas en nuestro documento HTML usaremos la etiqueta “table”, dentro de esta etiqueta introducimos la etiqueta “tr” que indica la fila, para incluir elementos dentro de cada fila usaremos la etiqueta “td”.
Para diferenciar la cabecera de la tabla podemos usar “th” dentro de su fila marcada por “tr”.
Si queremos que se muestre el borde de la tabla se lo indicaremos dentro de la apertura de la etiqueta “table” incluyendo “border=1”.
Otra propiedad importante como puedes ver en el código siguiente es la propiedad “colspan”, en este caso le indicamos que ocupe 2 columnas.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Tablas</title>
</head>
<body>
<h1>Tablas</h1>
<table border="1">
<tr>
<th>Nombre</th>
<th>Apellidos</th>
</tr>
<tr>
<td>Jose</td>
<td>Ojeda</td>
</tr>
<tr>
<td colspan="2">M Mar</td>
</tr>
</table>
</body>
</html>
No hay comentarios:
Publicar un comentario