Las tablas proporcionan el método más simple de crear un catálogo en línea en HTML. Una tabla de tres columnas le da espacio para una imagen del producto, una descripción e información de envío / pedido. Insertar información en tablas reduce la cantidad de tiempo necesario para justificar el texto. Además, las tablas le dan control del espacio en blanco que rodea la información en su página para mejorar la apariencia y claridad de su sitio web.
Paso 1
Defina una tabla con un borde de un píxel usando la apertura
etiqueta:Video del día
Paso 2
Inserte la primera fila de celdas y su contenido con este código:
Paso 3
Inserte la segunda fila de celdas y su contenido con este código:
Etapa 4
Cierre la tabla con la etiqueta final:
 |
Esta es una descripción del primer elemento. | Este producto esta actualmente disponible. |
 |
Esta es una descripción del segundo elemento. | Este artículo está pendiente. |
Propina
Este sencillo ejemplo produce una tabla con dos filas y tres columnas. La primera columna muestra una imagen de 60 por 60 píxeles del producto usando la etiqueta. La segunda y tercera columnas muestran la descripción del producto y la información de stock. Tenga en cuenta que cada fila comienza y termina con la etiqueta y cada elemento de la fila comienza y termina con una etiqueta. Inserte tantas columnas o filas como necesite para describir su producto.
Inserte el comando de relleno de celda inmediatamente después de la especificación del borde en la definición de la tabla para aumentar la cantidad de espacio en blanco entre los bordes de la tabla y su contenido. Por ejemplo,
crea un espacio en blanco de 10 píxeles alrededor del contenido de cada celda de la tabla.referencias
- W3Schools.com: Tablas HTML
