Compito precedente
Struttura della pagina HTML3/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

Intestazione della pagina HTML

Il titolo della pagina è il testo che appare nell'angolo superiore sinistro del browser e nelle schede.

Per impostare il titolo della pagina, è necessario utilizzare il tag <title> all'interno del tag <head>. Ad esempio, in questo modo:

<head>
  <title>Il blog dell'istruttore Cupcake</title>
</head>
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <title>Semplicemente Cupcake</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Tag &lt;title&gt;</h1> <img src="keks.jpg" alt=""> <p>Questo tag indica il titolo della pagina.</p> <p>Permette di navigare tra le numerose schede aperte in modo molto comodo.</p> <p>L'istruttore Cupcake raccomanda di utilizzare titoli chiari.</p> </body> </html>
CSS
body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } img { float: right; width: 200px; margin-left: 20px; border-radius: 10px; }

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. Cambiare il titolo della pagina da Semplicemente Cupcake a Istruttore Cupcake.

    © 2023-2024, codegym.study