Ahora que ya conoces la estructura de una página html y algunas etiquetas básicas es momento de aprender etiquetas más avanzadas.
-
Tablas: Las tablas nos sirven para dar estructura a nuestra página y organizar mejor nuestra información.
Podemos crear una tabla con las etiquetas: <table> que indica el inicio de nuestra tabla, <tr> que usamos para crear una nueva fila (de izquierda a derecha), <td> para crear una nueva celda en la fila, es decir una columna. También podemos usar la etiqueta <th> en lugar de <td> para definir las celdas que actúan como título.
Por ejemplo, si deseo hacer una tabla acerca de mis mascotas:
| Mascota | Nombre | Color |
|---|---|---|
| Perro | Toby | Gris |
| Conejo | Chispitas | Blanco |
<table border="1">
<tr>
<th>Mascota</th>
<th>Nombre/th>
<th>Color</th>
</tr>
<tr>
<td>Perro</td>
<td>Toby</td>
<td>Gris</td>
</tr>
...
</table>