-
Cómo agregar Mercancía a una página Web
-
Si administra una página web, usted tiene la oportunidad de agregar mercancía a su sitio. De esta forma, promover sus productos en Internet y hacerse con la mayor audiencia posible para su trabajo. La comprensión de cómo insertar sus productos puede ser confuso al principio, pero con unas pocas líneas de HyperText Markup Language (HTML) y hojas de estilo en cascada en línea (CSS), puede mostrar sus artículos con éxito.Instrucciones
1 Iniciar sesión en la cuenta de alojamiento web que gestiona sus archivos de página web. Sube tus imágenes de la mercancía en la misma carpeta o directorio en el que reside la página Web, y hacer una nota de cada dirección de archivo (por ejemplo, yourpage.com/images/product1.gif).
2 Carga la aplicación de editor de texto. Coloque el cursor debajo de la apertura <body> donde desea que los productos que aparecen y entran "<p> </ p>" elementos de párrafo.
3 Escriba el siguiente código de la imagen entre las etiquetas de párrafo como el siguiente ejemplo:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif" alt =" Introduzca una descripción de su producto aquí "/>
</ P>Recuerde reemplazar la dirección del archivo de imitación con el suyo propio.
4 Coloque el cursor dentro del elemento de imagen e introduzca "style =" seguido de un "float:;" atributo. Enter "izquierda" o "derecha" para instruir al navegador dónde alinear la imagen en relación con el texto mercancía. Por ejemplo:
<Img src = "http://www.yourpage.com/images/product1.gif" style =" float: left "/>5 Escribir el texto elemento, como el título y la descripción, antes de que el elemento de cierre </ p>. Para ilustrar:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif" style =" float: left "/>
Este es el texto del artículo.
</ P>6 Repita los pasos para agregar los otros listados deseados a su página Web. Previsualizar el documento en un navegador web y luego subirlo a su servidor Web para publicar la mercancía a su sitio.
Consejos y advertencias
- Si desea crear espacio entre la imagen y el texto, coloque el cursor dentro de las comillas del atributo de estilo e introduzca un punto y coma después de la declaración de flotación. Enter "padding-right:" si su imagen se alinea a la izquierda o escriba "padding-left:" para las fotos en el lado derecho y escriba un valor numérico en píxeles tras los dos puntos de este modo:
- <Img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; padding-right: 5px;" />
