Obiettivo della lezione
Inserire mappe, video e contenuti esterni in modo consapevole, curando dimensioni e privacy.
Spiegazione
Il tag iframe permette di incorporare una pagina dentro un’altra. È usato per mappe, video, calendari e contenuti esterni. Va usato con attenzione perché può appesantire la pagina e coinvolgere servizi di terze parti.
Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.
Codice di esempio
Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.
<iframe src="https://www.example.com" title="Esempio incorporato" width="600" height="400"></iframe>Errori comuni
- Dimenticare l’attributo
title. - Incorporare contenuti troppo larghi per il mobile.
- Usare iframe quando basterebbe un link.
Esercizio pratico
Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.
- Apri il tuo editor.
- Crea o aggiorna un file
.htmlo.asp. - Inserisci il codice della lezione.
- Modifica testi e attributi.
- Apri la pagina nel browser e controlla il risultato.
Lezioni collegate
Continua il laboratorio
Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.