Questo codice HTML struttura una semplice pagina web con uno stile CSS incorporato. Il <style> nel <head> definisce le regole di stile per gli elementi nel <body>, come il colore di sfondo, il tipo di carattere e l’allineamento del testo.

 

<!DOCTYPE html> <!-- Dichiarazione del tipo di documento, in questo caso HTML5 -->
<html>
<head>
<style>
body {
  background-color: lightblue; /* Imposta il colore di sfondo del corpo della pagina a azzurro chiaro */
}

h1 {
  color: white; /* Imposta il colore del testo degli elementi h1 a bianco */
  text-align: center; /* Allinea il testo degli elementi h1 al centro */
}

p {
  font-family: verdana; /* Imposta il tipo di carattere dei paragrafi a Verdana */
  font-size: 20px; /* Imposta la dimensione del carattere dei paragrafi a 20 pixel */
}
</style>
</head>
<body>

<h1>Esempio</h1> <!-- Un titolo di livello 1 con il testo "Esempio" -->
<p>Paragrafo</p> <!-- Un paragrafo con il testo "Paragrafo" -->

</body>
</html>