Immagini
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 23 di 60.
Le immagini possono rendere la tua pagina web più coinvolgente e aggiungerle in HTML è semplice grazie al tag <img>. Il tag <img> è autochiudente, il che significa che non ha bisogno di un tag di chiusura.
Per visualizzare un'immagine, devi usare l'attributo src. Questo attributo specifica la posizione dell'immagine (URL o percorso del file). Ecco un esempio:
<img src="https://coddy.tech/images/bit.svg" />In questo esempio, il browser caricherà e visualizzerà l’immagine dall’URL https://coddy.tech/images/bit.svg.
I tag autochiudenti, come <img>, vengono usati per gli elementi che non contengono nulla al loro interno, quindi non hanno un tag di chiusura. In HTML5 la barra alla fine è facoltativa: <img src="bit.svg"> e <img src="bit.svg" /> sono entrambi validi. In questo corso si usa />.
Sfida
FacilePer aggiungere un’immagine a un documento HTML, puoi usare l’URL dell’esempio nella lezione o qualsiasi altro URL.
Assicurati di vedere un’immagine!
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Scrivi il codice qui -->
</body>
</html>
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Fondamenti
1Fondamenti di HTML
Che cos’è HTML?Struttura di base di un documento HTMLTag ed elementiAnnidamento e tag di chiusuraCommenti in HTML7Pagina del profilo personale
Panoramica del progettoSezione intestazione
Immagine del profiloSezione Chi sonoLink ai social2Testo e formattazione
IntestazioniParagrafiInterruzioni di rigaTesto in grassetto e corsivoAncora grassetto e corsivoRiepilogo - formattazione5Aggiungere contenuti
Attributi HTMLCollegamentiCollegamenti a nuove pagineImmaginiAttributi delle immagini8Moduli e campi di input - Parte 1
Nozioni di base sui moduliCampi di testoAttributi degli inputCampo passwordEtichette per gli inputRiepilogo - modulo di base11Pagina di registrazione all'evento
Panoramica del progettoSezione intestazioneSezione dettagli dell'eventoModulo di registrazioneSezione piè di paginaEsercitati da solo: Playground Web