Se si gestisce una pagina Web, hai la possibilità di aggiungere prodotti al tuo sito. In questo modo, potete promuovere i vostri prodotti su Internet e guadagnare il più vasto pubblico possibile per il vostro lavoro. Capire come inserire i vostri prodotti possono essere confusione in prima, ma con poche righe di HyperText Markup Language (HTML) e inline Cascading Style Sheets (CSS), è possibile visualizzare i tuoi articoli con successo.

Istruzioni

1

Login per l'account di host Web che gestisce i file del sito Web. Carica le tue immagini di merce alla stessa cartella o directory in cui risiede la pagina Web di si e prendere nota di ogni indirizzo del file (ad esempio, yourpage.com/images/product1.gif).

2

Lanciare l'applicazione editor di testo. Posizionare il cursore sotto il tag di apertura < corpo > dove si desidera che i prodotti di apparire e inserire elementi del paragrafo "< p >< / p >".

3

Digitare il seguente codice di immagine tra i tag di paragrafo come nell'esempio seguente:
< p >
< img src = "http://www.yourpage.com/images/product1.gif & quot; Alt = "Inserisci una descrizione del vostro prodotto qui" / >
</p >

Ricordarsi di sostituire l'indirizzo del file finto con il tuo.

4

Posizionare il cursore all'interno dell'elemento di immagine e immettere "style =" seguito da un "galleggiante:;" attributo. Immettere "sinistra" o "destra" per indicare al browser dove allineare l'immagine rispetto al testo di merce. Per esempio:
< img src = "http://www.yourpage.com/images/product1.gif & quot; Style = "float: left" / >

5

Digitare il testo dell'elemento, ad esempio il titolo e la descrizione, prima dell'elemento di chiusura </p >. Per illustrare:
< p >
< img src = "http://www.yourpage.com/images/product1.gif & quot; Style = "float: left" / >
Questo è il testo dell'elemento.
</p >

6

Ripetere i passaggi per aggiungere le altre liste desiderate al vostro Web page. Anteprima il documento in un browser Web e poi caricarlo sul vostro host Web per pubblicare la merce al tuo sito.

Consigli & Avvertenze

• Se si desidera creare spazio tra l'immagine e il testo, posizionare il cursore all'interno delle virgolette dell'attributo style e inserire un punto e virgola dopo la dichiarazione di galleggiante. Immettere "imbottitura a destra:" se l'immagine è allineata a sinistra o tipo "padding-left:" per la foto sulla destra lato e digitare un valore numerico in pixel, dopo i due punti in questo modo:
• < img src = "http://www.yourpage.com/images/product1.gif" style = "float: left; imbottitura-destra: 5px; "/ >