A muchos, les interesa mantener su web organizada. Organizar las webs con tablas es más recomendado al momento de seleccionar elementos de la base de datos. En este tutorial se aclararan los elementos base de una tabla.
Etiquetas Simples<table></table> - Etiquetas para abrir y cerrar una
tabla.
<tr></tr> - Etiquetas para abrir y cerrar una
fila<td></td> - Abrir y cerrar una
celdaEtiquetas Avanzadas - Header & Footer<tfoot></tfoot> - Footer (parte de abajo) de una tabla
<tbody></tbody> - Al utilizar tfoot y theader, es importante demostrar cual es el body de nuestra tabla, el contenido.
<thead></thead> - header "titulo" de una tabla
<th></th> - Una celda header
Nota: para utilizar estas hay que poner
RULES=GROUPS dentro de la etiqueta <table>
Ejemplo con etiquetas "a secas"<table RULES=GROUPS>
<thead><tr><th>Uno</th><th">Dos</th><th>tres</th></tr></thead>
<tbody>
<tr>
<td>
Fila1 Columna 1
</td>
<td>
Fila1 Columna 2
</td>
<td>
Fila1 Columna 3
</td>
</tr>
<tr>
<td>
Fila2 Columna 1
</td>
<td>
Fila2 Columna 2
</td>
<td>
Fila2 Columna 3
</td>
</tr>
<tr>
<td>
Fila3 Columna 1
</td>
<td>
Fila3 Columna 2
</td>
<td>
Fila3 Columna 3
</td>
</tr>
</tbody>
<tfoot> <tr> <th>Ejemplo footer, "Total".</th></tr> </tfoot>
</table>Esto daría algo parecido a:
| Uno | Dos | tres |
Fila1 Columna 1
| Fila1 Columna 2
| Fila1 Columna 3
|
Fila2 Columna 1
| Fila2 Columna 2
| Fila2 Columna 3
|
Fila3 Columna 1
| Fila3 Columna 2
| Fila3 Columna 3
|
| Ejemplo footer, "Total". |
(este foro no acepta thead tfoot tbody y th asi que sera un poco diferente, prueben con el dream.
Parte 2 del tutorial proximamente, si desean ustedes.
