Impara Struttura di Base di un Documento HTML

Un tipico documento HTML appare così:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Nota

Nessuna preoccupazione, ogni aspetto verrà approfondito nei prossimi capitoli. Per ora, osserva e familiarizza con l'aspetto visivo dell'HTML.

Breve riepilogo della struttura

<!DOCTYPE html>: indica al browser quale versione di HTML viene utilizzata nel documento. In questo caso, si tratta di HTML5, l'ultima versione di HTML;
<html>: è l'elemento radice del documento HTML. Tutti gli altri elementi sono contenuti all'interno di questo elemento;
<head>: contiene le meta-informazioni sul documento, come la codifica dei caratteri (<meta charset="UTF-8">) che garantisce la corretta visualizzazione dei caratteri speciali, e il titolo del documento (<title>) che appare nella barra del titolo o nella scheda del browser;
<title>: imposta il titolo del documento, che viene visualizzato nella barra del titolo o nella scheda del browser;
<body>: è la sezione in cui va inserito il contenuto principale della pagina web. All'interno dell'elemento <body> si posizionano testi, immagini, link, form e altri elementi. Questa è la parte che gli utenti vedranno e con cui interagiranno quando visiteranno la tua pagina web.

Collegamento all'editor di codice - Visual Studio Code

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 5

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain what each part of the HTML structure does?

What are the benefits of using Visual Studio Code for web development?

How do I use the Live Server extension to preview my website?

Scorri per mostrare il menu