Struttura base di html | Guida HTML

Struttura di base

Si potrebbe decidere quali elementi (tags) adoperare a seconda di quello che abbiamo intenzione di fare. Questo linguaggio infatti non ha variabili da dichiarare, non esegue operazioni aritmetiche ne prende decisioni. Ha però e comunque delle regole da rispettare, la più importante è la struttura entro la quale lavorano tutti i singoli elementi (tags) che dovrà essere sempre presente su ogni pagina che andremo a creare. Vediamo come e da cosa è composta questa struttura:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>la mia prima pagina web</title>

</head>

<body>

<p>Ecco la mia prima pagina in html destinata al web.</p>

</body>

</html>

Di tutto il codice scritto sopra, noi vedremo soltanto ciò che è stato scritto nel corpo (body) del listato; quindi fra gli elementi <body> e </body>:

Ogni pagina html, grande o piccola che possa essere, dovrà obbligatoriamente avere il tag di prologo <!doctype> prestando attenzione a quale scegliere in base al tipo di documento che decideremo di creare: strict, transitional, frameset.

due tags di definizione <html></html>
due tags per la testata <head></head>,
un tag per il titolo <title></title>
due tags per il corpo <body></body>,

Questa prima riga chiamata "prologo" è solitamente generata in modo automatico dall'editor per html (visuale o testuale che possa essere), ha il compito di informare il browser che si tratta di un documento html relativo a determinate specifiche dettate dal W3C, in questo caso versione 4.01 Transitional, è molto importante perchè predispone gli attuali browser ad una corretta interpretazione del codice in essa contenuto.

Inizio codice html vero e proprio, tutto ciò che sarà posto all'interno di questo documento e fino al relativo tag di chiusura sarà inteso come struttura del codice html

Testata o head del documento, in questa sezione trovano posto tutti quei tags che impartiscono direttive al browser quali: titolo, Meta Tags o meta comandi, richiami ai fogli di stile, scripts, ed altro ancora.
Tutto ciò che si trova all'interno della struttura head non sarà visualizzato nella pagina ma interpretato dal browser, una zona destinata ad uso esclusivo dei soli comandi che impartiscono direttive ben specifiche.

Corpo o body del documento, è in questa sezione che lavoreremo maggiormente ed è proprio qui che andranno inseriti tutti i tags di html: immagini, suoni, filmati, testo, form, tabelle, links e quant'altro faccia parte di html.

Chiusura dei vari elementi (tags), da non dimenticare mai, solo così potremo avere la certezza di una giusta e corretta interpretazione da parte di tutti i browser.

I tags possono essere scritti indifferentemente sia in minuscolo che in maiuscolo, xhtml considera un errore il maiuscolo per cui sarebbe meglio abituarsi fin da subito ad usare solo il minuscolo. Gli spazi vuoti lasciati fra un tag e l'altro e fra una parola e l'altra, così come i ritorni a capo generati dal tasto invio, saranno ignorati durante la visualizzazione.