Attributi delle immagini
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 24 di 60.
Esploriamo alcuni attributi aggiuntivi per migliorare le tue immagini:
alt: Fornisce un testo alternativo se l’immagine non viene caricata .widtheheight: Controllano le dimensioni dell’immagine in pixel.
Ecco un esempio:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Imposta la sorgente dell’immagine, fornisce una descrizione e la ridimensiona a 600x400 pixel. Includi sempre alt per l’accessibilità e usa le dimensioni per mantenere la coerenza del design.
Sfida
FacileAggiungi i seguenti attributi all'immagine:
alt: "A beautiful bird"width: "400"height: "250"
Provalo tu
<!DOCTYPE html>
<html>
<body>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
</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