Le pagine Web sono la combinazione di testo, video e immagini. Sotto tutte le immagini sfavillanti e i testi gloriosi si trova il mondo dell’HTML. Puoi aggiungere un’immagine in HTML nello stesso modo in cui aggiungi del testo.

HTML è la lingua principale per la creazione di pagine web. Le pagine web possono essere molto chiare e semplici o possono contenere l’immagine della tua attrice preferita, una famosa modella o anche essere la tua star preferita (occhiolino)… !!!

Ma come si fa ad aggiungere davvero un’immagine nella pagina HTML è la domanda. Sei fortunato, perché devi solo seguire questi semplici passaggi. Ma prima di passare ai passaggi principali, spieghiamo innanzitutto le varie terminologie che è necessario conoscere.

A questo punto non preoccuparti della sintassi e di altre cose. Verrà il momento per quello.

Aggiungi immagine HTML_1
C’è un momento giusto per tutto

Terminologie per aggiungere immagini in HTML

Il tag immagine : A differenza di altri tag HTML non è necessario chiudere questa scheda. Dio! Perché tutto l’HTMLer non ha creato tag simili a questo. Questo tag è così semplice.
L’attributo src: Tutti voi maniaci della messaggistica istantanea e WhatsApp capiranno immediatamente che src sta per fonte. Molto semplicemente questo attributo ti chiede la fonte dell’immagine. Quindi devi menzionare l’URL in cui si trova l’immagine.
L’attributo Alt: Si, hai capito bene. Ti chiede semplicemente di inserire il testo alternativo per l’immagine. E se l’utente della tua pagina web proviene da un paese del terzo mondo con una velocità netta di 90 anni. In tal caso il testo alternativo è quello che verrà visualizzato fino al caricamento dell’immagine. È anche ciò che i non vedenti sentiranno se usano uno screen reader. E non preoccuparti, le persone non cieche che utilizzano lo screen reader sentiranno lo stesso testo.
Altezza e larghezza delle immagini: Dipende da te se desideri specificare l’altezza e la larghezza relative all’immagine originale o se desideri inserire i tuoi numeri indipendentemente dalle dimensioni dell’immagine originale. Ahh! Ti ho detto capo che ti parlerò della sintassi e di tutto il resto. Abbi pazienza.

Aggiungi immagine HTML_2

Bene, quindi ora discuteremo la parte noiosa della sintassi per inserire l’immagine.

Sintassi per aggiungere un’immagine in HTML

Aggiungi immagine HTML_4

Mi chiedi, è così semplice e io rispondo di sì, inserire un’immagine in HTML è così semplice. Come puoi vedere, la sintassi è in forma di immagine. Quindi se vuoi copiare la sintassi non puoi farlo. La mia intenzione era semplice quella di vedere la sintassi e di digitarla da soli in modo da non dimenticarla mai e da non dover mai visitare questa pagina miserabile.

Ma ancora, se sei irremovibile sul fatto che non voglio imparare e copiare incolla la sintassi. Per tutti voi idioti ecco la sintassi in forma di testo per aggiungere un’immagine in HTML:

Adoro questa pagina web, davvero!

Gmail split pane_3Durante la copia incollando il codice sopra, può accadere che la virgola invertita possa essere in un carattere diverso e quindi l’HTML potrebbe leggerlo come un testo piuttosto che come un codice. Quindi, se affronti un problema, elimina la doppia virgola invertita una alla volta e digitala manualmente e il codice dovrebbe funzionare correttamente.

La posizione relativa dei diversi attributi non fa alcuna differenza per il risultato del codice.

Aggiungi immagine HTML_3

Se desideri aggiungere un’immagine che si trova nel tuo computer o unità locale in HTML, devi caricarla sul web. Ci sono molti siti dove puoi carica immagini gratuite

Anche se è sempre consigliabile caricare l’immagine sul proprio server. Se carichi un’immagine su un sito di terze parti, nel caso in cui quel sito apporti modifiche al suo server, potresti incontrare un collegamento interrotto.

.