Protocollo di linguaggio HTML (Hypertext Markup) è il linguaggio di base del Web. Ogni sito che si visita con il tuo browser è stato creato o generato utilizzando HTML. HTML consente ai siti Web di utilizzare un mix di testo, grafica e media per presentare i contenuti in modo attraente e coinvolgente. Capire come utilizzare HTML è un'abilità molto importante per tutti coloro che desiderano mantenere un sito Web. Una delle parti fondamentali per comprendere l'HTML è sapere come inserire immagini in una pagina Web all'interno del testo.
Istruzioni
1
Determinare l'indirizzo Web dell'immagine che si desidera incorporare. Se l'immagine è già disponibile sul Web, quindi di determinare dove è facendo clic destro su di esso e scegliendo di visualizzare le proprietà di immagine. Se l'immagine non è ancora sul Web, si vuole caricare una cartella pubblicamente disponibile sul Web e quindi ottenere il suo indirizzo Web.
2
Aprire l'editor HTML per pagine Web e individuare il luogo del testo in cui si desidera incorporare l'immagine.
3
Inserire il codice HTML nel testo dove si desidera che l'immagine venga visualizzata come segue: "< img qui è un esempio di un'immagine con l'indirizzo" http://www.mydomain.com/images/img.jpg ": < img tag di codice immagine HTML. Questo tag descrive l'immagine in una breve frase. Il formato per l'aggiunta di questo tag è inserendo "alt =" seguito dalla tua descrizione immagine tra virgolette. Si tratta di buone prassi, perché non quelli con connessioni Internet lente vedrà l'immagine immediatamente e il browser inserirà questo testo al suo posto. È anche importante avere nel caso in cui l'immagine non è più disponibile o se qualcuno ha spento immagini nel proprio browser. Ecco il tag "alt" nel nostro esempio: < img alt = "la mia immagine" >.
5
Regolare l'allineamento dell'immagine aggiungendo "align =" all'interno delle parentesi HTML. Questo è facoltativo. Se non si utilizza il tag "allineare", quindi l'immagine apparirà nel testo cui è stato inserito. Le opzioni più popolari sono da utilizzare "allineare = right" o "allineare = sinistra", che sarà posto l'immagine all'interno del testo a destra o a sinistra e lasciare che il testo flusso intorno ad esso. Altre opzioni sono "top", "media" o "bottom". Un esempio di questo è: < img alt = "la mia immagine" align = right >.
6
Regolare la dimensione dell'immagine utilizzando le proprietà "width" o "altezza". Questo è facoltativo. Se non si utilizza questo tag, quindi l'immagine apparirà nella dimensione esatta che è. Utilizzando solo una di queste proprietà consentirà l'immagine in scala di conseguenza; è possibile utilizzare entrambi per forzare l'immagine a una dimensione esatta. È possibile ridimensionare l'immagine per il numero di pixel o per la percentuale della dimensione originale dell'immagine. Per ridimensionare un'immagine di pixel, basta inserire il numero di pixel. Un esempio di questo è: < img alt = "la mia immagine" align = larghezza = 100 >. Per ridimensionare un'immagine di percentuale, mettere un segno di percentuale alla fine. Un esempio di questo è: < img alt = "la mia immagine" align = larghezza destra = 50% >.
Consigli & Avvertenze
- L'immagine dovrebbe essere compatibile con tutti i browser Web. Immagini nei formati PNG, GIF e JPEG in genere funzionano meglio.
- Assicurarsi che l'immagine non è troppo grande, perché questo farà sì che a prendere molto tempo per caricare. Ridurre le dimensioni dell'immagine prima di caricarlo sul Web.
- Si dovrebbe essere sicuri di che avere i diritti per visualizzare un'immagine sul tuo sito Web prima di incorporarlo. Usando le tue immagini o le immagini che hai pagato per sempre è la migliore pratica.