-
Cómo hacer un producto de catálogo Con HTML
-
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 lugar a una imagen del producto, descripción y / información para ordenar el envío. Inserción de información en tablas reduce la cantidad de tiempo necesario para justificar el texto. Además, las tablas le dan el control del espacio en blanco que rodea a la información en su página para mejorar el aspecto y la claridad de su sitio web.
Instrucciones
1 Definir una tabla con un borde de un píxel utilizando la etiqueta de apertura <table>:
<Table border = "1">
2 Inserte la primera fila de celdas y su contenido con este código:
<Tr>
<Td>
<Img width = altura "60" = "60" />
</ Td>
<Td> Se trata de una descripción del primer elemento. </ Td>
<Td> Este artículo está disponible actualmente. </ Td>
</ Tr>
3 Inserte la segunda fila de celdas y su contenido con este código:
<Tr>
<Td>
<Img width = altura "60" = "60" />
</ Td>
<Td> Esta es una descripción del segundo elemento. </ Td>
<Td> Este artículo está en pedido pendiente. </ Td>
</ Tr>
4 Cierre la tabla con la etiqueta de fin:
</ Table>
Consejos y advertencias
- Este sencillo ejemplo produce una mesa con dos filas y tres columnas. La primera columna muestra una imagen de píxeles 60-by-60 del producto mediante la etiqueta <img>. Las columnas segunda y tercera muestran la descripción del producto y la información de valores. Tenga en cuenta que cada fila comienza y termina con la etiqueta <tr> y cada elemento en la fila empieza y termina con una etiqueta <td>. Insertar tantas columnas o filas como sea necesario para describir su producto.
- Introduzca el comando cellpadding inmediatamente después de la especificación de fronteras 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, <table border = "1" cellpadding = "10"> crea un espacio en blanco de 10 píxeles alrededor de los contenidos de cada celda de la tabla.
