Comment ajouter des marchandises à une page Web

February 4

Comment ajouter des marchandises à une page Web


Si vous gérez une page Web, vous avez la possibilité d'ajouter de la marchandise à votre site. De cette façon, vous promouvoir vos produits sur Internet et gagner le plus grand public possible pour votre travail. Comprendre comment insérer vos produits peut être déroutant au premier abord, mais avec quelques lignes de HyperText Markup Language (HTML) et en ligne Cascading Style Sheets (CSS), vous pouvez afficher vos articles avec succès.

Instructions

1 Connectez-vous au compte de l'hôte Web qui gère vos fichiers de site Web. Envoyez vos images de marchandises dans le même dossier ou répertoire où vous avez la page Web réside, et prendre note de chaque adresse de fichier (par exemple, yourpage.com/images/product1.gif).

2 Lancez votre application éditeur de texte. Placez votre curseur sous l'ouverture balise <body> où vous voulez que les produits apparaissent et entrer "<p> </ p>" éléments de paragraphe.

3 Tapez le code de l'image ci-dessous entre les balises de paragraphe comme l'exemple suivant:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; alt =" Entrez une description de votre produit ici "/>
</ P>

Rappelez-vous de remplacer l'adresse du fichier faux avec votre propre.

4 Placez votre curseur à l'intérieur de l'élément d'image et entrez "style =" suivi d'un "float:;" attribut. Entrez "gauche" ou "droit" de demander au navigateur où aligner votre image par rapport au texte de la marchandise. Par exemple:
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>

5 Tapez votre texte de l'article, tel que le titre et la description, avant l'élément de fermeture </ p>. Illustrer:
<P>
<Img src = "http://www.yourpage.com/images/product1.gif&quot; style =" float: left "/>
Ceci est le texte de votre article.
</ P>

6 Répétez les étapes pour ajouter les autres annonces désirées à votre page Web. Aperçu de votre document dans un navigateur Web, puis le télécharger à votre hôte Web pour publier la marchandise à votre site.

Conseils et avertissements

  • Si vous voulez créer un espace entre votre image et le texte, placez votre curseur dans les guillemets de l'attribut de style et entrez un point-virgule après la déclaration du flotteur. Entrez "padding-right:" si votre image est aligné à gauche ou tapez "padding-left:" pour les photos sur le côté droit et tapez une valeur numérique en pixels après les deux points comme ceci:
  • <Img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; padding-right: 5px;" />

          

Post a comment: