Come caricare di base Tag HTML per Immagini

July 21

Come caricare di base Tag HTML per Immagini


codificazione di immagine in formato HTML è piuttosto semplice. È necessario il titolo del file di immagine, caricarlo nella directory del tuo sito web nella zona di accoglienza del sito, e quindi aggiungere il codice di base per ciascuna immagine in modo che si aprano correttamente quando il sito viene visualizzato. Il pertinente attributi da includere sono la fonte delle immagini, allineamento immagine sulla pagina, "ALT" testo, spazio verticale e orizzontale, e di immagine dimensioni. La metà di questi sono spesso omessi, ed è una questione di scelta personale e design del sito come se o non si vuole fare così. codificazione di immagine è abbastanza veloce una volta a ottenere il blocco di esso, ed è semplice da cambiare.

istruzione

1 Modifica tutte le immagini a dimensioni realistiche per Internet. Salvare ogni file con un nome sensato, invece di un numero, per una facile identificazione. Un nome di file di "tahiti_palmtrees2009.jpg" è più facile da trovare rispetto "DSC9948234144." Esso dovrebbe identificare chiaramente l'immagine. Mettere tutte le immagini che andranno sul vostro sito web in una cartella intitolata "Immagini sito", o qualcosa di simile in modo da poterli localizzare.

2 Iscriviti al tuo sito web hosting servizio utilizzando il vostro programma FTP o qualsiasi metodo si utilizzano in genere. Creare una cartella denominata "immagini". Avere una cartella immagine separata permette di tenere HTML e altre pagine separate per una facile localizzazione. Carica tutte le immagini selezionate per il vostro sito in quella cartella. Se si prevede di caricare 100 immagini da tre soggetti distinti, sottocartelle nome di conseguenza in modo che siano raggruppati insieme. "Tahiti", "Farfalle" e "Concerti" dovrebbe quindi includere le immagini pertinenti a ogni sotto-cartella.

3 Aprire una delle tue pagine web dove vuoi immagini per andare, aprire "tahiti_trip.html" per le foto Tahiti. Individuare l'area all'interno del testo in cui si desidera aggiungere le foto. Poi codificare ciascuno come segue:

<Img align = "location nel testo" src = "/ images / sottocartella nome / imagename.jpg" alt = "nota su immagine">

La foto Tahiti delle canoe rosse a sinistra del testo sarebbe quindi leggere:

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" alt = "Ho remato queste canoe.">

4 Aggiungere i dettagli per il posizionamento di precisione, se si desidera. Ciò include quanto spazio lasciare (in pixel) ai lati e superiore e inferiore dell'immagine, più immagini dimensioni. È possibile fare clic su qualsiasi delle immagini per ottenere la loro altezza e la larghezza in proprietà.

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" alt = "Ho remato queste canoe">

sarebbe poi diventato:

<Img align = "left" src = "/ images / Tahiti / red_dugout.jpg" width = "220" height = "133" vspace = "12" hspace = "15" alt = "ho remato queste canoe">

5 Ripetere la codifica delle immagini per ogni fotografia. Controllare la pagina Web periodicamente rinfrescante per vedere come appare il layout. Se le cose sono troppo affollate, spostare l'immagine all'interno del codice comma per il testo, o dare il proprio paragrafo: <p> <. IMG SRC ... etc> </ p> Aggiungere o eliminare "hspace" e "vspace " come necessario.

6 Continuare incorpora tutto il codice per ogni immagine fino a quando il sito è completo. Eseguire il backup dei pagine.

Consigli e avvertenze

  • Se si controlla la pagina Web e le tre dei cinque immagini mostrano correttamente, ma due non è solito a causa di un semplice errore di codifica. Ri-leggere il codice HTML per ogni immagine in questione. È possibile trovare una "(virgolette) nel posto sbagliato, oppure è dimenticato di chiudere una parentesi.
  • Non caricare altre immagini delle persone senza il loro permesso - si potrebbe avere a che fare con la violazione del copyright.