HTML CSS struttura pagina
Ripasso delle principali nozioni di HTML e CSS per la struttura di una pagina web, utile per la preparazione all'esame di maturità in informatica.
Quiz(32 domande)
1. Qual è il tag che definisce l'inizio e la fine di un documento HTML?
Termini in questo set(32)
Elementi di base HTML(16)
Tag <html> →
Definisce l'inizio e la fine di un documento HTML.
<head> cosa contiene?
<head> include meta-informazioni, titoli e link a stili.
Tag <body> →
Contiene il contenuto visibile della pagina web: testi, immagini, link.
Vero o falso: <title> è visibile sulla pagina.
Falso. <title> è visibile solo nella scheda del browser.
Differenza tra <h1> e <h6>
<h1> è il titolo principale, <h6> è il titolo secondario minore.
Tag <p> →
Usato per definire i paragrafi di testo. Esempio: <p>Questo è un paragrafo.</p>
Funzione di <a>
<a> crea un link ipertestuale. Attributo principale: href.
Cos'è un attributo in HTML?
Informazioni aggiuntive che specificano le proprietà di un tag.
Qual è la sintassi per un'immagine?
<img src='url' alt='descrizione' />
Tag <ul> e <ol>
<ul> è per liste non ordinate, <ol> per liste ordinate.
Vero o falso: il tag <div> è per strutturare il layout.
Vero. <div> serve a raggruppare elementi.
Tag <form> →
Crea un modulo per l'inserimento di dati da parte dell'utente.
Cosa fa <br>?
<br> inserisce un'interruzione di riga nel testo.
Compara <strong> e <em>
<strong> rende il testo in grassetto, <em> in corsivo.
Riempire il bianco: <______> per il contenuto principale.
<body>
Tag <meta> →
Definisce i metadati, come charset e descrizione, per il documento.
Stili CSS(16)
Colore di sfondo
Proprietà: background-color. Esempio: body { background-color: #f0f0f0; }
Che cosa fa la proprietà 'margin'?
Definisce lo spazio esterno intorno a un elemento. Margin-top, margin-right, margin-bottom, margin-left.
Unità di misura in CSS
px, em, rem, %, vw, vh. Differenti per scalabilità e adattamento ai dispositivi.
Proprietà per il testo centrato
text-align: center; Applicata a un elemento contenitore.
Vero o falso: 'padding' influisce sul layout?
Vero. Padding crea spazio interno, aumentando le dimensioni dell'elemento.
Come si cambia il colore del testo?
Utilizzare la proprietà color. Esempio: p { color: blue; }
Proprietà per ombreggiare un testo
text-shadow: 2px 2px 5px gray; Aggiunge profondità al testo.
Che cosa fa 'display: flex'?
Attiva il modello di layout flexbox. Permette allineamenti e distribuzioni più facili.
Fill in the blank: 'border' crea ______.
un bordo attorno all'elemento. Esempio: div { border: 1px solid black; }
Che cosa fa 'opacity'?
Controlla la trasparenza di un elemento. Range: 0 (trasparente) a 1 (opaco).
Differenza tra 'class' e 'id'
'class' può essere riutilizzato, 'id' deve essere unico nella pagina.
Proprietà per dimensionare un elemento
width e height. Esempio: div { width: 50%; height: 200px; }
Che cosa fa 'overflow'?
Controlla il comportamento del contenuto che esce dai limiti. valori: visible, hidden, scroll.
Esempio di selettore CSS
h1 { color: red; } Seleziona tutti gli h1 e li colora di rosso.
Che cosa fa 'position: absolute'?
Posiziona l'elemento rispetto al suo primo antenato posizionato. Usa top, right, bottom, left.
Proprietà per gestione del layout in colonne
column-count: 3; Dispone il contenuto in 3 colonne.
Domande in questo set(32)
1. Qual è il tag che definisce l'inizio e la fine di un documento HTML?
2. Quale proprietà CSS si utilizza per impostare il colore di sfondo di un elemento?
3. Cosa contiene il tag <head>?
4. Qual è l'effetto della proprietà 'margin' su un elemento?
5. Qual è la funzione del tag <body>?
6. Quale unità di misura in CSS è relativa alla dimensione del font dell'elemento?
7. Vero o falso: Il tag <title> è visibile nella pagina web.
8. Come si allinea il testo al centro in CSS?
9. Qual è la differenza principale tra <h1> e <h6>?
10. Vero o falso: il padding influisce sulla dimensione totale di un elemento.
11. Qual è la funzione del tag <p>?
12. Quale proprietà si utilizza per cambiare il colore del testo in un elemento?
13. Qual è la funzione del tag <a>?
14. Quale proprietà CSS permette di aggiungere ombreggiature al testo?
15. Cosa rappresenta un attributo in HTML?
16. Cosa fa 'display: flex' in CSS?
17. Qual è la sintassi corretta per inserire un'immagine?
18. Quale completamento è corretto: 'La proprietà border crea ______.'?
19. Qual è la differenza tra <ul> e <ol>?
20. Cosa controlla la proprietà 'opacity' in un elemento?
21. Vero o falso: Il tag <div> è utilizzato per strutturare il layout.
22. Qual è la differenza principale tra 'class' e 'id' in CSS?
23. Qual è la funzione del tag <form>?
24. Quali proprietà si usano per definire le dimensioni di un elemento?
25. Cosa fa il tag <br>?
26. Cosa fa 'overflow' in CSS?
27. Qual è la differenza tra <strong> e <em>?
28. Quale di questi è un esempio corretto di selettore CSS?
29. Riempire il bianco: <______> è il tag per il contenuto principale.
30. Cosa fa 'position: absolute' per un elemento?
31. Qual è la funzione del tag <meta>?
32. Quale proprietà si utilizza per gestire il layout in colonne?
Set correlati
Wiederholung: Browser lädt eine Seite
Test: Was eine URL ist
What a URL is
How a browser loads a page
REST APIs and HTTP methods exam review
HTML vs CSS vs JavaScript step by step
JavaScript DOM and events notes
Wiederholung: HTML CSS JavaScript Rollen
Crea il tuo set di studio
Carica un PDF, incolla le tue note o descrivi un argomento – l'IA genera schede, quiz e altro in pochi secondi.
