2 In Altervista/ Blogging/ Internet/ Piattaforma Blogger/ Pillole Di HTML/ Tutorial/ WordPress

Come Inserire Un Immagine In HTML Tramite Url

Salve a tutti e bentornati in questo mio piccolo angolo di web!

Oggi, per la rubrica Pillole Di HTML, andremo a vedere come inserire un’immagine in HTML tramite un URL. In realtà nella maggior parte dei siti e blog l’immagine può essere tranquillamente inserita tramite editor visuale ma può capitare di aver bisogno di inserirla manualmente per qualche motivo. Ebbene, dovete sapere che ogni immagine messa sul web ha un SUO URL personale che non è l’URL del post in cui è inserita, ma proprio un URL personalizzato solo ed esclusivamente per l’immagine. Si, questo URL l’hanno anche le immagini caricate su piattaforme come Altervista, WordPress o Blogger.

L’ URL della singola immagine è essenziale per poter inserire l’immagine stessa quindi è essenziale recuperarlo. Se l’immagine è stata caricata sulla vostra piattaforma troverete l’URL andando nella sezione media (la prossima volta vi faccio vedere come recuperarlo da Blogger e Altervista/WordPress).

Per inserire l’immagine in HTML tramite URL si utilizza il tag <img> seguito da uno spazio e successivamente dall’attributo src che sta per source (tecnicamente origine, indica dove si trova il file originale). Dopo src si mette = seguito dall’apertura delle ” entro le quali va inserito il link. Subito dopo si lascia uno spazio e si inserisce l’attributo alt ovvero testo alternativo (che viene visualizzato se l’immagine non può essere caricata dall’utente, magari perché in quel momento la connessione è lenta). Dopo alt si mette quindi = e apertura “” entro le quali si mette il testo alternativo.

Et voilà, il gioco è fatto.

Vi lascio qui sotto il link copiabile qui sotto:

<img src="https://iltuosito.it/limmaginedacaricare.png" alt="l'immagine che ho caricato">

Come vi dicevo la prossima volta vedremo dove andare a cercare l’immagine sulle varie piattaforme principali, in un post successivo speculare a questo, come allenare un’immagine e in generale un paragrafo.

Bene, anche questo tutorial è finito e io sono curiosissima di sapere cosa ne pensate voi. Avete mai caricato un’immagine in HTML? Potrebbe tornarvi utile questo tutorial? Fatemelo sapere nei commenti! Come sempre vi ringrazio per il tempo che avete dedicato alle mie parole.

Al prossimo post!

Se il post ti è piaciuto lascia un commento (ci tengo, lo ammetto) e condividilo! Sono piccoli gesti che possono può aiutarmi molto!

Subscribe
Notificami
guest
2 Commenti
Inline Feedbacks
View all comments
Eva libripervivere
1 mese fa

HTML (e CSS), quanti ricordi!
La mia prima esperienza sul web risale al 2009, all’epoca avevo un sito sulla piattaforma fan-club.it che lasciava spazi di personalizzazione solo se sapevi usare HTML e CSS e quindi ho imparato un sacco di cose a quei tempi. Passando poi su blogspot, ho sfruttatto meno queste competenze perché potevi modificare il sito in maniera semplice senza conoscere HTML e quindi poi ho perso quasi tutto.
Qualche anno però ho messo una immagine proprio come hai fatto vedere tu su un progetto online che avevo fatto per l’università (era brutto vedere la pagina bianca e solo il mio script implementato, un minimo di grafica ci voleva!).

Hai bisogno di un sito web per te o per la tua attività? Scopri cosa posso fare per te!
Hai bisogno di un sito web per te o per la tua attività? Scopri cosa posso fare per te!