Pagine web: struttura e stile — Informatica, 7–10
Una pagina web ha contenuti e istruzioni sul loro aspetto. L’HTML dà la struttura; il CSS ne cambia l’aspetto.
Idea
Immagina una pagina web come un piccolo documento preparato per un browser. L’HTML dice che cosa sia ogni parte, come un titolo, un paragrafo, un’immagine o un collegamento. Il CSS dice come devono apparire, per esempio colore, dimensione e spazio. I due compiti collaborano, ma non sono uguali.
Perché esiste
Una pagina ha bisogno di una struttura chiara perché un browser, un lettore di schermo e una persona possano capirne le parti. Serve anche un modo separato per cambiarne l’aspetto senza riscrivere ogni frase. Tenere separati struttura e stile rende le pagine più facili da aggiornare, condividere e adattare a schermi diversi.
Esempio svolto
Immagina di voler creare una pagina sul tuo gatto. Passo 1: metti le parole «Il mio gatto Luna» in un titolo HTML. Passo 2: aggiungi un paragrafo: «Luna dorme al sole». Passo 3: aggiungi un’immagine e un collegamento. Passo 4: usa il CSS per rendere il titolo blu scuro e ingrandire il paragrafo. Il contenuto è rimasto uguale; è cambiata solo la presentazione.
Un errore comune
Un errore comprensibile è usare molti spazi o righe vuote ripetute per spingere qualcosa al posto giusto. Può sembrare corretto sul tuo schermo, ma un altro può avere una larghezza diversa e tutto si sposta. Le regole di disposizione del CSS sono migliori perché descrivono il rapporto tra le parti, invece di nascondere il problema con gli spazi.
Fuori dalla scuola
Ogni volta che leggi una pagina di notizie, una ricetta, un negozio o il sito di un club, un browser organizza contenuti strutturati e li adatta allo schermo. Puoi usare le stesse idee per creare una pagina su un hobby, un progetto di classe o un evento locale. Una buona struttura aiuta anche chi usa tecnologie assistive.
Continua a esplorare
Altre lingue
Caricamento di MyLeoNes™…