Come codice di un banner Web

July 19

Con HTML è possibile specificare esattamente come si desidera il vostro banner a comparire su una pagina Web con l'inserimento di codice attributo accanto all'immagine. È possibile utilizzare come molti o pochi attributi, se necessario, e non importa che cosa ordine in cui appaiono in, a patto che tutti sembrano dopo il nome del file immagine, e prima della parentesi finale (>). Per creare un collegamento ipertestuale sul banner, inserire questo codice prima che l'immagine all'interno dei propri parentesi.

istruzione

1 Carica l'immagine del banner al tuo sito Web e prendere nota del suo indirizzo web. Per fare questo, è possibile aprire l'immagine in un browser, quindi copiare l'indirizzo completo dal campo dell'indirizzo del browser. Si dovrebbe iniziare con "http" e terminare con l'estensione del file immagine come ".jpg" o ".gif".

2 Digitare o incollare l'indirizzo immagine del banner nella pagina Web utilizzando un qualsiasi editor HTML. Inserisci il codice HTML immagine prima che l'indirizzo, con una chiusura ">" dopo di esso, in modo che appaia come "<img come esempio.

3 Aggiungere un tag "alt" per il banner. Questo è l'abbreviazione di "testo alternativo" e dovrebbe essere una frase che descrive l'immagine per gli spettatori che hanno difficoltà a vedere l'immagine. I motori di ricerca anche utilizzare il tag "alt" per identificare il file di immagine. Per ristorante un banner pubblicitario di Joe è possibile utilizzare "Eat at Joe banner pubblicitario" come il tag alt. L'attributo dovrebbe essere simile "alt =" Eat at Joe banner "in questo esempio.

4 Aggiungere gli attributi altezza e larghezza, se il banner non è già il formato che avete bisogno di essere. Questi attributi sono definiti in pixel. Se state ridimensionando l'immagine, assicurarsi di mantenere le proporzioni in scala. Questo codice immagine dovrebbe apparire come questo: "<img alt =" Eat at Joe banner pubblicitario "title =" titolo "height =" 300 "width =" 100 ">."

5 Specificare un bordo, o di non avere confini, sul banner. Questo è importante se si include un collegamento ipertestuale, come alcuni browser inquadrare qualsiasi immagine collegata con un bordo. Per evitare che un bordo di apparire utilizzare una dimensione del bordo di "0" come questo: "border =" 0 "."

6 Impostare l'allineamento per il banner. È possibile utilizzare "destra", "sinistra" o "centro" di allineamento, in questo formato: "align =" right "".

7 Includere un collegamento ipertestuale a un'altra pagina Web sul tuo banner se lo si desidera. Questo codice precede il banner. Se si desidera che il collegamento per aprire una nuova finestra o scheda del browser, utilizzare l'attributo di destinazione, proprio come si farebbe con un collegamento ipertestuale su qualsiasi testo sulla pagina. Se si desidera che il collegamento per aprire sulla stessa pagina, non è necessario l'attributo target. Il codice dovrebbe essere simile a questo: "<a href="http://www.mybestlink.com" target="_blank">."

8 Esaminare il codice per assicurarsi di avere tutti gli attributi impostato correttamente. Il codice finale dovrebbe essere simile "" <a href="http://www.mybestlink.com" target="_blank"> <img alt = "immagine" title = "titolo" height = "300" width = "100 "border =" 0 "align =" right ">", per esempio.