CREACIÓN DE TABLAS EN HTML
En HTML, una poderosa
herramienta a la hora de mostrar cierto tipo de información son las tablas. Hay
muchos sitios que por su naturaleza no usan tablas aunque existen algunas
ocasiones en que el papel de las tablas se vuelve esencial. El fin de las
tablas es preferentemente contener datos ordenados en celdas (filas y
columnas). En principio, no deben ser usadas para crear divisiones de cara a
mostrar una página web, es decir, es preferible que una página web no esté
dividida en distintos espacios usando tablas. Para maquetar una página web y fraccionar
en distintos espacios se usarán otras herramientas (capas, elementos flotantes,
etc.).Las tablas pueden ser consideradas como un grupo de filas donde cada una
de ellas contiene un grupo de celdas. Una tabla puede ser insertada en un
documento HTML usando tres elementos básicos: el elemento TABLE (estructura
contenedora principal), el elemento TR (contenedor de fila) y el elemento TD
(celda).Cuando el contenido de una celda debe ser vacío, deberías usar una
espacio en blanco como su contenido. Esto hará que tu página se visualice
correctamente, ya que algunos navegadores tienen problemas representando celdas
vacías. Ejemplo: <td> </td>
Veamos un ejemplo. Crea un archivo ejemplo.html con este
código y visualízalo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de tablas -
aprenderaprogramar.com</title>
</head>
<body>
<table
border="2px"> <!-- Lo cambiaremos por CSS -->
<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>
</body>
</html>
0 comentarios:
Publicar un comentario