|
Superati i primi scogli relativi agli strumenti necessari per iniziare a costruire la nostra prima pagina (questa guida vuole essere universale e quindi contiene anche informazioni che ai piu' potrebbero sembrare scontate) possiamo passare alla fase decisiva, ossia inserire i primi e fondamentali TAG (codici) HTML.
la pagina creata grazie alla procedura descritta nel capitolo precedente è funzionante e lo avete testate personalmente ma non è corretta strutturalmente. Sì, avete capito bene, i software che interpretano il linguaggio HTML sono decisamente "generosi" e quindi capiterà spesso che pur sbagliando o omettendo alcuni TAG sarà comunque possibile visualizzare la propria pagina. Lo ripeto, l'HTML è un linguaggio di formattazione e non di programmazione, come tale ci consente di fare errori senza necessariamente pregiudicare tutto il resto, un po' come se si parlasse una lingua straniera senza conoscerla a fondo, probabilmente ci si farebbe capire comunque anche se in maniera non proprio elegante.
Inseriamo i TAG base di ciascuna pagina HTML, i TAG sono contenuti dentro i segnali minore "<" e maggiore ">"
<HTML>
<HEAD>
<TITLE>Questo è il titolo della pagina</TITLE>
</HEAD>
<BODY>
questo è il corpo (ossia il contenuto) della pagina
</BODY>
</HTML>
Provate a prendere la pagina che avete creato in precedenza e incollateci dentro il codice di questo esempio, apritela con internet explorer e
otterrete un risultato che si presenterà piu' o meno così »
La differenza principale rispetto al nostro primo lavoro è che stavolta abbiamo impostato anche il titolo (che vedete nella barra blu di explorer) mentre il testo contenuto fisicamente nella pagina non sembra differente. A livello di codice HTML abbiamo apportato molte modifiche importanti e se la prima pagina funzionava ma non era composta seguendo tutti i dettami dell'HTML, questa si può definire corretta e sarà bene interpretata da tutti i browser.
Abbiamo utilizzato i TAG:
- <HTML> Apertura codice HTML, indichiamo chiaramente il contenuto della pagina
- <HEAD> Apertura codice HEAD, a sua volta conterrà titolo ed altri codici importanti
- <TITLE></TITLE> Apertura e chiusura del codice TITLE, dà il nome alla pagina
- </HEAD> Chiusura del codice HEAD
- <BODY></BODY> Apertura e chiusura del codice BODY, al suo interno andranno tutti i testi e tutte le immagini
- </HTML> Chiusura del codice HTML, la pagina finisce qui!
Questi erano i TAG base di ogni pagina HTML, non si può creare una pagina web prescindendo da HTML, HEAD, TITLE e BODY.
Nelle prossime pagine impareremo ad utilizzare i codici di formattazione del testo in modo da impostare gli "a capo", i paragrafi, le spaziature, ecc...
|