Cos'è il codice immagine HTML?

In un documento HTML di Hypertext Markup Language (HTML), il codice immagine HTML è la programmazione utilizzata per inserire immagini grafiche in punti diversi nel layout.Il codice è generalmente una serie di parole chiave leggibili dall'uomo che vengono quindi assegnate valori associati, avvolti tra segni più di non-pelo all'interno del documento HTML.Il codice immagine HTML risultante indica a un browser Web o un altro visualizzatore di documenti la posizione del file dell'immagine online o su un'unità disco, le dimensioni dell'immagine, qualsiasi formattazione speciale dell'immagine e opzioni di allineamento diverse per gli altri elementi nell'HTMLdocumento che lo circonda.Le immagini possono essere nidificate all'interno di altri codici HTML mdash;a volte noto come tags mdash;consentendo loro di essere utilizzati come collegamenti cliccabili, elencati o immagini di sfondo.Attraverso l'uso delle estensioni del foglio di stile a cascata (CSS) in HTML, anche molti altri valori e proprietà di un'immagine all'interno di un documento possono essere modificati, mentre alcuni linguaggi di programmazione possono essere incorporati nel documento per consentire l'elaborazione di base dell'immagine.

Il codice immagine HTML più comune è costituito dal tag immagine, che in HTML è rappresentato dalla parola chiave IMG.Questo dice al browser Web che un'immagine verrà inserita nel documento a questo punto e che le informazioni sull'immagine seguiranno.Le uniche informazioni richieste che devono essere all'interno del tag IMG sono chiamate fonti.Alla parola chiave SRC viene assegnato il nome o la posizione del file dell'immagine, consentendo al browser di caricare l'immagine.Il valore può essere un nome di file o un indirizzo online che è anche noto come posizione di risorsa universale (URL), proprio come un indirizzo del sito Web.

Ci sono altre proprietà che possono essere definite all'interno di un codice di immagine HTML.L'altezza e la larghezza dell'immagine possono essere esplicitamente fornite, consentendo di ridimensionare l'immagine per adattarsi all'interno di un determinato layout.Il testo alternativo può essere fornito in modo che gli utenti che non riescono a vedere l'immagine possano invece ascoltare o leggerne una versione di testo.Anche i bordi e la spaziatura attorno all'immagine possono essere impostati, dando all'immagine un aspetto e un posizionamento distinti in una pagina web.

Una buona quantità di codice immagine HTML può essere utilizzata per definire come è allineata l'immagine e come il resto del webPage reagisce alla sua presenza.Il testo può essere impostato per fluire attorno all'immagine sui lati destra o sinistra, oppure può essere impostato per saltare completamente sull'immagine, lasciandolo senza ramo nel suo spazio.Alcune opzioni consentono di disegnare l'immagine dal testo o da altri elementi, o addirittura a fluire come parte del layout in modo che sia inclusa in una linea, come qualsiasi altra lettera di una frase.