HTML: come incorporare un'immagine in testo

November 13

HTML: come incorporare un'immagine in testo


Hypertext protocollo Markup Language (HTML) è il linguaggio di base del Web. Ogni sito web che visitate con il vostro browser è stato creato o generato utilizzando HTML. HTML consente ai siti web di utilizzare un mix di testo, grafica e media per presentare il contenuto in una maniera attraente coinvolgente. Capire come utilizzare HTML è un'abilità estremamente importante per tutti coloro che desiderano mantenere un sito web. Una delle parti chiave per comprendere HTML è sapere come posizionare le immagini su una pagina web all'interno del testo.

istruzione

1 Determinare l'indirizzo Web dell'immagine che si desidera incorporare. Se l'immagine è già disponibile sul Web, quindi determinare dove si trova facendo clic destro su di esso e scegliendo di visualizzare le proprietà dell'immagine. Se l'immagine non è sul Web ancora, si vuole caricare in una cartella a disposizione del pubblico sul Web e quindi ottenere il suo indirizzo web.

2 Aprire l'editor HTML per la pagina Web e individuare il luogo nel testo in cui si desidera inserire l'immagine.

3 Inserire il codice HTML nel testo in cui si desidera che l'immagine appaia come segue: "<img Ecco un esempio di un'immagine con l'indirizzo" http://www.mydomain.com/images/img.jpg ": <img tag al tuo codice immagine HTML. questo tag descrive l'immagine in una breve frase. Il formato per l'aggiunta di questo tag è con l'inserimento di "alt =" seguito dal descrizione dell'immagine tra virgolette. questa è una buona pratica, perché quelli con connessioni Internet lente non lo farà vedere la vostra immagine immediatamente e il browser inserire questo testo nella sua posizione. e 'anche importante avere nel caso in cui l'immagine non è più disponibile o se qualcuno ha disattivato le immagini nel loro browser. Ecco il tag "alt" nel nostro esempio : <img alt = "la mia immagine">.

5 Regolare l'allineamento immagine con l'aggiunta di "align =" all'interno delle parentesi HTML. Questo è opzionale. Se non si utilizza il tag "align", quindi l'immagine apparirà nel testo in cui è stato inserito esso. Le opzioni più popolari sono da usare "align = right" o "align = left", che porrà l'immagine all'interno del testo a destra oa sinistra e lasciare che il flusso di testo intorno ad esso. Altre opzioni sono "top", "medio" o "basso". Un esempio di questo è il seguente: <img alt = "la mia immagine" align = right>.

6 Regolare la dimensione dell'immagine utilizzando i "width" o proprietà "height". Questo è opzionale. Se non si utilizza questo tag, allora la vostra immagine apparirà nella dimensione esatta che è. Utilizzando solo una di queste proprietà permetterà l'immagine in scala di conseguenza; è possibile utilizzare sia per forzare l'immagine a una dimensione esatta. È possibile ridimensionare l'immagine per il numero di pixel o la percentuale delle dimensioni dell'immagine originale. Per le dimensioni di un'immagine da pixel, basta inserire il numero di pixel. Un esempio di questo è il seguente: <img alt = "la mia immagine" align = larghezza destra = 100>. Per le dimensioni di un'immagine in percentuale, mettere un segno di percentuale alla fine. Un esempio di questo è il seguente: <img alt = "la mia immagine" align = larghezza giusta = 50%>.

Consigli e avvertenze

  • L'immagine deve essere compatibile con tutti i browser web. Immagini nei formati PNG, GIF e JPEG di solito funzionano meglio.
  • Assicurarsi che l'immagine non è troppo grande, perché questo farà sì che di prendere un lungo periodo di tempo per il caricamento. Ridurre le dimensioni dell'immagine prima di caricarlo sul Web.
  • Si dovrebbe essere sicuri di avere i diritti per visualizzare l'immagine sul tuo sito web prima di incorporarlo. Utilizzando le proprie immagini o le immagini che hai pagato per è sempre la migliore pratica.

Articoli Correlati