Per creare un documento HTML con un foglio di stile CSS associato, inizia con una struttura HTML di base. Apri un editor di testo e crea un file con estensione `.html`, ad esempio `index.html`. All’interno di questo file, inserisci i tag di apertura e chiusura ``, ``, e ``. All’interno del ``, aggiungi il tag `` per collegare il tuo foglio di stile, specificando l’attributo `rel=”stylesheet”` e `href` per indicare il percorso del file CSS.

Il file CSS, ad esempio `style.css`, dovrebbe essere creato separatamente. Qui scriverai le regole di stile. Ad esempio, per cambiare il colore del testo di un paragrafo, utilizza il selettore `p` e aggiungi una proprietà `color`. Ecco un esempio:

“`html

Benvenuti!

Questo è un paragrafo di esempio.

“`

“`css
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}

h1 {
color: #333;
}

p {
color: #555;
font-size: 16px;
}
“`

In questo esempio, il file `index.html` contiene il codice HTML di base e include il foglio di stile `style.css` che definisce il layout e lo stile visivo della pagina. Assicurati che entrambi i file siano nella stessa directory o modifica il percorso `href` di conseguenza.