Tablas

En algunas ocasiones necesitamos tablas para mostrar la información organizada.
Para crear una tabla necesitamos la etiqueta <table></table> para crear la tabla. La tabla tiene filas <tr></tr> y cada fila tiene celdas <td></td>. Al crear una tabla vemos que Blogger añade una etiqueta <tbody></tbody>, la dejaremos, pero no le daremos más importancia. Si se quiere también se puede usar etiquetas <th></th> para aquellas celdas que pertenezcan a la cabecera de la tabla.
Cuando escribimos la tabla con HTML no se ve bien, no se ven las líneas, debemos añadir un poco de CSS para que se vea. Ya sabemos añadir css dentro de una etiqueta HTML, pero en esta ocasión lo haremos  añadiendo al tema de nuestro blog órdenes CSS directamente. La ventaja es que sólo tenemos que indicar la orden una única vez en vez de tener que añadir la misma orden para cada una de las celdas de la tabla

los números en
castellano	inglés	francés
uno	one	un
dos	two	deux
tres	three	trois
cuatro	four	quatre
cinco	five	cinq
seis	six	six
siete	seven	sept
ocho	eight	huit
nueve	nine	neuf
diez	ten	dix

El código para crear la tabla anterior sería:

<table style="border-collapse: collapse; margin-left: 10%; width: 60%;"> 
<tbody> 
<tr>   <th colspan="3">los números en </th> 
</tr> <tr> 
  <th>castellano</th> 
  <th>inglés</th> 
  <th>francés</th> 
</tr> 
<tr> 
  <td>uno </td> 
  <td>one </td> 
  <td>un </td> 
</tr> 
<tr> 
  <td>diez</td> 
  <td>ten</td> 
  <td>dix</td> 
</tr> 
</tbody>
</table>

Para añadir CSS en el tema: vamos a editar el tema, seleccionaos 'avanzado' y vamos a 'añadir CSS'. En mi ejemplo he añadido lo siguiente:

th {
   background-color:orange;
   color: gray;
   border: 2px solid gray;
}
td {
   border: 2px solid orange;

}