Teoria
Teoria

Consolidamento

In questo compito, consoliderete ciò che avete imparato e scriverete voi stessi alcuni tag. Modificherete anche il valore nei CSS.

È necessario finalizzare il markup e aggiungere un'intestazione e un paragrafo. Inoltre, è necessario modificare la dimensione del carattere per uno dei tipi di intestazione.

Cercate di capire da soli a cosa servono i tag e le proprietà dell'esempio. Se non ci si riesce, aprire il tooltip.

<h2> indica l'intestazione di secondo livello.

<p> indica un paragrafo.

Per aumentare il carattere delle intestazioni di primo livello, è sufficiente modificare questa regola nel CSS:

h1 { font-size: 48px; }

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Consolidamento</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Le principali lingue del web</h1> <h2>Linguaggio HTML</h2> <p>È composto da molti tag. Ogni tag ha un significato e uno scopo specifico.</p> Linguaggio CSS Consiste in selettori e proprietà. Linguaggio JavaScript È il linguaggio di programmazione più diffuso al mondo. </body> </html>

CSS

/* Questa regola imposta la dimensione complessiva dei caratteri */ body { font-size: 16px; } /* Questa regola è la dimensione per le intestazioni di primo livello */ h1 { font-size: 20px; } /* E questa è l'ombra per le intestazioni di primo livello */ h1 { text-shadow: 1px 1px 0 white, 2px 2px 0 #ccc; }

ObiettiviFatto

Esercitarsi a modificare il codice negli editor. Osservate come cambia la pagina nel browser.

Rendere il testo Linguaggio CSS un'intestazione di secondo livello.
Il testo Consiste in selettori e proprietà. paragrafo.
Aumentare la dimensione dei caratteri dell'intestazione del primo livello a 48px.