STRUTTURA DI UNA PAGINA WEB

Queste pagine sono finalizzate a dare le nozioni elementari utili per capire come è fatta una pagina web ed eventualmente costruire pagine semplici e piccoli siti web senza funzioni speciali. Non mi dilungo ulteriormente. Chi volesse spiegazioni più approfondite può cercare su wikipedia (clicca)

Ecco uno schema semplice della pagina web e dei suoi 4 componenti che sono: doctype, html, head, body

<!doctype html>
<html>

<head>
   <meta charset="utf-8">
   <title>Doc. dimostrativo</title>

</head>

<body>
  "Tra Body e /body ci mettiamo i componenti visibili della pagina"
</body>


</html>

Versione html : HTML5 dettaglio dei componenti della struttura

Codice   Descrizione
  <!doctype html>
   <html>
In questa sezione abbiamo la versione di linguaggio usato - qui HTML5. In un editor dedicato possiamo trovare altre codifiche con le loro istruzioni.

  <head>

<meta charset="utf-8">
<title>
Doc. dimostrativo</title>

  .........

  .........

  ..........

</head>

Questa è la sezione HEAD (testata del documenti) Oltre al titolo - in questo caso chiamato 'Doc. dimostrativo' la testata contiene il set di caratteri usati (qui "utf-8") o altri elementi. I principali di questi elementi sono
  1. META TAG Description (Descrizione): non più di 100 Caratteri
  2. META TAG Keywords (Parole chiave): che servono ai motori di ricerca
  3. META TAG con indicazioni di estendere la ricerca ai files collegati o fermarsi alla pagina
  4. Riferimenti ai fogli di stile CSS e/o le istruzioni dirette di stile incorporate.
  5. Riferimenti agli scripts (eventuali js)
   

<body>

............

...........

...........
</body>

Questo è il BODY (corpo del documento) che ospita i contenuti della pagina. I principali elementi da inserire sono:

  1. <DIV>    </DIV>      permette di inserire e incastrare elementi nella pagina nelle posizioni volute, suddividere la pagina in zone comunque disposte. Permette di inserire immagini o pagine, o un proprio sfondo.
  2. <IFRAME> </IFRAME>    permette di inserire nella pagina una pagina web riciamata da menu mediante il nome dell'iframe usato come target.
  3. <TABLE>  </TABLE>     permette di inserire Tabelle di n righe, m colonne

 

</html> Questa è la istruzione che indica la fine della pagina HTML

Si tratta di semplici elementi base per la conoscenza delle pagine web

NOTA: i riferimenti a script e fogli di stile sono relativi alla locazione della pagina che si sta costruendo.

Lino Bertuzzi