Come scrivere il codice per Picture Progetti

September 12

Come scrivere il codice per Picture Progetti


progetti online che includono le immagini richiedono un elemento di codice HTML conosciuto come "tag img," corte per i tag di immagine. Il tag "<img>" definisce le immagini in formato HTML. I tag immagine possono essere utilizzati in combinazione con altri tag HTML per visualizzare semplicemente un'immagine o un collegamento ipertestuale pure. Possono anche essere utilizzati per definire alcuni attributi di un'immagine.

Qualunque sia personalizzazioni opzionale si fanno per l'immagine che si sta visualizzando, il tag di immagine è necessario per la scrittura di codice per i progetti di immagine.

istruzione

1 Iniziare a scrivere il codice HTML per l'immagine che si desidera includere nel progetto digitando il seguente:

<img

Si tratta di un tag di un'immagine aperta. Deve essere seguito da un "tag di origine" per identificare quale immagine da rendere altrimenti sarà visualizzata alcuna immagine.

2 Immettere il percorso del file di immagine utilizzando un tag di origine dopo il tag immagine, quindi chiudere il tag immagine, in questo modo:

<Img />

"Elephant.jpg" rappresenta il percorso del file di immagine, l'origine dell'immagine. Questo potrebbe essere un immagine nella stessa directory del file HTML, o un indirizzo Web completo, come ad esempio "http://mywebsite.com/elephant.jpg."

Il codice di cui sopra sarebbe presumibilmente visualizzare un'immagine si dispone di un elefante. Il "/>" alla fine della riga di codice indica che sto chiudendo il tag di immagine ho aperto all'inizio della riga di codice.

Se hai appena desidera visualizzare le immagini così come sono e non fanno altro con loro, il codice di cui sopra è sufficiente.

3 Aggiungere il codice che avete scritto con la seguente se desiderate per la vostra immagine di raddoppiare come un collegamento ipertestuale a un'altra pagina Web:

<a href="http://www.website.com">

<Img />

</a>

Il tag "<a href>" si riferisce a un riferimento di collegamento ipertestuale, ed è il codice standard utilizzato per includere collegamenti. Il codice di cui sopra sarebbe collegare la nostra immagine esempio di un elefante a "http://www.website.com."

Ora siete pronti per iniziare a scrivere il codice per i progetti di immagine. Ci sono molti altri elementi è possibile includere con i tag di immagine, ma nessuno sono necessari. Per di più, si prega di consultare i riferimenti e le sezioni di risorse.


Articoli Correlati