Tablas básicas
cuando hablamos de tablas sencillas o básicas debemos tener en cuenta las siguientes etiquetas:<table>para crear la tabla,<tr>para crear cada fila<td>para crear cada columna.
A continuación se muestra el código HTML de una tabla sencilla:
<html>
<head><title>computadores</title></head>
<body>
<h1>Listado de ordenadores</h1>
<table>
<tr>
<td><strong>marca</strong></td>
<td><strong>precio</strong></td>
<td><strong>calidad</strong></td>
</tr>
<tr>
<td>accer</td>
<td>1millon</td>
<td>buena</td>
</tr>
<tr>
<td>hp</td>
<td>1.200.000</td>
<td>excelente</td>
</tr>
<tr>lenovo</td>
<td>800.000</td>
<td>baja</td>
</tr>
</table>
</body>
</html>
Tablas avanzadas
Algunas tablas complejas están formadas por más elementos que filas y celdas de datos.Así, es común que las tablas más avanzadas dispongan de una sección de cabecera, una sección de pie y varias secciones de datos.Las partes que componen las tablas complejas se define mediante las etiquetas :
<thead>,<tbody>y<tfoot>.- La cabecera de la tabla se define con la etiqueta
<thead> - el pie de la tabla se define mediante
<tfoot>y cada sección de datos se define con una etiqueta<tbody>.
Tablas con imágenes
hacer tablas con imágenes puede sonar
un poco complejo pero ten en cuenta que si lees un poco de ello
te resultara mucho mas fácil.
tablas con hipervinculos
No hay comentarios:
Publicar un comentario