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>
<he ad>
<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
- META TAG Description (Descrizione): non più di 100 Caratteri
- META TAG Keywords (Parole chiave): che servono ai motori di ricerca
- META TAG con indicazioni di estendere la ricerca ai files collegati o fermarsi alla pagina
- Riferimenti ai fogli di stile CSS e/o le istruzioni dirette di stile incorporate.
- 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:
<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.
<IFRAME> </IFRAME> permette di inserire nella pagina una pagina web riciamata da menu mediante il nome dell'iframe usato come target.
<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 |