html struttura di una paginahtml struttura di una pagina

Imparare l’HTML – Le basi – Struttura di una pagina

Questo sarà il primo di una serie di articoli sull’HTML, spiegherò le le basi per imparare l’HTML per la creazione di siti e pagine web, senza dilungarmi troppo su dettagli poco rilevanti ed informazioni non necessarie.

Guarda in nostro video introduttivo, e già che ci sei iscriviti al nostro canale YouTube!

Come è strutturata una pagina web

Una pagina web creata in HTML è divisa in sezioni, che vengono indicate tramite appositi tag HTML. La suddivisione delle pagine è semplice, e si può riassumere in testa e corpo:

  • Testa o Head è la parte non visibile del sito, contiene le informazioni della pagina e del sito, come il titolo principale, script, meta tag, collegamenti e codici di vario genere;
  • Corpo o Body è invece la parte visibile: testi, paragrafi, tabelle, immagini, link ecc.;

La struttura di base di un sito web quindi è questa:

<!DOCTYPE html>   <!--Istruzione della versione HTML-->
<html>             <!--tag di apertura del documento HTML-->
   <head>          <!--testa del sito-->
   </head>
   <body>          <!--corpo del sito, parte visibile-->
   </body>
</html>            <!-- tag di chiusura HTML-->
  • Ogni tag è racchiuso tra i simboli minore e maggiore in questo modo: <tag>
  • Per determinare la loro chiusura, basterà inserire il simbolo / (slash) davanti al simbolo minore, così: </tag>
  • I tag <html> . </html> indicano l’apertura e la chiusura dell’intero documento, realizzato in linguaggio HTML.
  • Il tag iniziale <!DOCTYPE html> serve a specificare la versione HTML utilizzata per creare la pagina, come istruzione per il browser che la caricherà, e in questo caso indica HTML 5;
  • I tag <!– … –> aprono un commento nel codice, che non sarà visibile nel sito;

Questa è la struttura di base dell’HTML per una pagina web. Ora sarà necessario inserire il contenuto del sito, le parti necessarie a dar vita alla pagina,e definire l’identità della pagina.

Per far ciò bisogna inserire altri tag, ed ognuno avrà una funzione differente.

Impara a scrivere codice e a realizzare pagine HTML con il nostro editor online gratuito

Continua con: I tag da conoscere – Le basi dell’HTML

Leggi anche: Come creare e visualizzare una pagina HTML
oppure
Il nostro corso completo di HTML


Articoli Recenti

Condividi ora!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

CAPTCHA