ubiquitour.com

Cómo agregar mercancía a una página Web

Cómo agregar mercancía a una página Web

Si consigues que una página Web, tienes la oportunidad de añadir productos a su sitio. De esta manera usted promueva sus productos en Internet y obtener la mayor audiencia posible para su trabajo. Entender cómo insertar sus productos puede ser confuso en el primero, pero con unas líneas de lenguaje de marcado de hipertexto (HTML) y en línea hojas de estilo en cascada (CSS), puedes mostrar tus artículos con éxito.

Instrucciones

1 Inicie sesión la cuenta de host de la Web que gestiona los archivos de su sitio Web. Subir tus imágenes de la mercancía a la carpeta o directorio donde reside la Página Web usted mismo y tome nota de cada dirección de archivo (por ejemplo, yourpage.com/images/product1.gif).

2 Lanzamiento de la aplicación de editor de texto. Coloque el cursor bajo la etiqueta de apertura < cuerpo > donde desea que los productos aparecen y entrar en elementos de párrafo "< p >< /p >".

3 Tipo 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 & amp; quot; Alt = "Escriba una descripción de su producto aquí" / >< /p >

Recuerde cambiar la dirección de archivo del faux con su propio.

4 Coloque el cursor en el elemento de la imagen y entrar en "estilo =" seguido de un "flotador:;" atributo. Entrar en "izquierda" o "derecha" para indicarle al navegador del donde alinear la imagen en relación con el texto de la mercancía. Por ejemplo:< img src = "http://www.yourpage.com/images/product1.gif & amp; quot; estilo = "float: left" / >

5 Escriba el texto del artículo, como el título y la descripción, delante del elemento de cierre < /p >. Para ilustrar:< p >< img src = "http://www.yourpage.com/images/product1.gif & amp; quot; estilo = "float: left" / >Este es el texto del artículo.< /p >

6 Repita los pasos para agregar la otra lista deseada a su página Web. Previsualizar su documento en un explorador Web y luego subirlo a tu hosting para publicar la mercancía en su sitio.

Consejos y advertencias

  • Si desea crear espacio entre la imagen y el texto, coloque el cursor dentro de las comillas de los atributos de estilo y entrar en un punto y coma después de la declaración de flotador. Entrar "padding-right:" si la imagen se alinea a la izquierda o el tipo "padding-left:" fotos a la derecha lado y escriba un valor numérico en píxeles después de los dos puntos así:
  • < img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; acolchado-derecho: 5px; "/ >