Compito precedente
Struttura della pagina HTML5/10
Torna all'elenco delle attività
  1. 1. Dove inizia l'HTML
  2. 2. Una semplice pagina HTML
  3. 3. Intestazione della pagina HTML
  4. 4. Codifica della pagina HTML
  5. 5. Stili di collegamento
  6. 6. Collegamento di stili esterni
  7. 7. Il mistero dell'editor CSS
  8. 8. Collegamento degli script
  9. 9. Collegamento di script esterni
  10. 10. Connessione sicura di stili e script esterni
Compito successivo
  • Corsi
  • Registrazione
  • Accedi

Caricamento...
In pochi secondi sarà pronto.

  • Teoria
  • Teoria

Stili di collegamento

Gli stili possono essere scritti all'interno del codice HTML di una pagina o possono essere allegati come file esterni.

Nel primo caso, gli stili sono detti "in linea" o "inline" e devono essere scritti all'interno del tag <style>. Questo tag è solitamente collocato all'interno di <head>. Ad esempio:

<head>
  <style>
    Codice CSS
  </style>
</head>

All'interno di <style> si scrive il solito codice CSS.

Gli stili in linea non vengono utilizzati spesso, ad esempio per ottimizzare la velocità di caricamento delle pagine. Più spesso si utilizzano stili esterni, che conosceremo più avanti.

  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Stili di collegamento</title> <!-- <style> h1 { font-size: 52px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } </style> --> </head> <body> <h1>Stili di collegamento</h1> <p>Gli stili possono essere collegati in vari modi.</p> <p>Una di queste è la descrizione degli stili all'interno di una pagina HTML. A questo scopo si utilizza il tag &lt;style&gt;.</p> </body> </html>

Il codice è cambiato, fai clic su "Aggiorna" o attiva l'esecuzione automatica.

Sei passato a un'altra pagina

Fare clic all'interno del mini-browser per evidenziare questa finestra.

100%
ObiettiviFatto
0
    1. Togliere il commento al tag <style>.

    © 2023-2024, codegym.study