Tablas proporcionan el método más simple de construir un catálogo en línea en HTML. Una tabla de tres columnas que da espacio para una imagen de producto, descripción y envío / información sobre pedidos. Inserción de información en tablas reduce la cantidad de tiempo necesario para justificar el texto. Además, las tablas que dan el control del espacio blanco que rodea la información en su página para mejorar el aspecto y la claridad de su sitio web.
Definir una tabla con un borde de un píxel con la etiqueta mesa de apertura:
table border = "1"
Inserte la primera fila de celdas y su contenido con este código:
tr
td
img src = "picture1.jpg" href = "60" = "60" /
/ Td
tdThis es una descripción del primer elemento. / td
elemento tdThis está disponible actualmente. / td
/ Tr
Inserte la segunda fila de celdas y su contenido con este código:
tr
td
img src = "picture2.jpg" href = "60" = "60" /
/ Td
tdThis es una descripción del segundo elemento. / td
elemento tdThis esta pendiente. / td
/ Tr
Cierre la tabla con la etiqueta de fin:
/ Table
Consejos y advertencias
Este sencillo ejemplo produce una tabla con dos filas y tres columnas. La primera columna muestra una imagen de píxeles 60-por-60 del producto usando la etiqueta IMG. La segunda y tercera columnas muestran la descripción del producto y la información. Tenga en cuenta que cada fila comienza y termina con la etiqueta tr y cada elemento de la fila empieza y termina con una etiqueta td. Inserte tantas columnas o filas como sea necesario para describir su producto.
Introduzca el comando cellpadding inmediatamente después de la especificación de la frontera 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, el borde de la tabla cellpadding = "1" = "10" crea un espacio en blanco de 10 píxeles en torno a los contenidos de cada celda de la tabla.
No hay comentarios:
Publicar un comentario