Apunte Tablas en HTML

Para crear las siguientes tablas →
Se empieza por el <table>
<tr> fila
<td> celda
Esto es lo básico pero también se le puede estilos con el "style" estos pueden ser el color de fondo es "background: "  (Para ver los colores en esta página: HTML Colores"

Luego el borde "border: x px+ siguientes posibilidades"
En lo referente a los tipos de bordes existen las siguientes posibilidades:

• none: sin línea.
• solid: con línea continua (valor por defecto).
• dotted: línea punteada.
• dashed: línea discontinua (segmentos cortos de línea).
• inset: línea con el color en bajorelieve.
• outset: línea que simula el relieve.

El primer ejemplo es este:

<table style="background: olive; border: 1px solid;">

<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>
</table>

Celda 1	Celda 2	Celda 3
Celda 4	Celda 5	Celda 6

---

En el "borde radius" cuanto mas px mas circular 

<table style="background: blue; border: 10px dotted red; border-radius:22px;">
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>

1	2
Celda 4	Celda 5

---

<table style="background: blue; border: 10px dotted red; border-radius:22px;" width="150" height="150">
<tbody>
<tr>
<td style="background: olive; border: 1px solid;">1</td>
<td style="background: olive; border: 1px solid;">2</td>
</tr>
<tr>
<td style="background: red; border: 1px solid;">Celda 4</td>
<td style="background: red; border: 1px solid;">Celda 5</td>
</tr>
</tbody></table>

1	2
Celda 4	Celda 5