A questo punto iniziamo a pensare alla pagina che vogliamo fare creare per il nostro sito.
La prima cosa che dobbiamo fare è scrivere una riga che indica che nella pagina utilizzeremo le specifiche del World Wide Web Consortium che riguardano il codice HTML e la scritta che dobbiamo mettere è questa:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
A questo punto dobbiamo aprire e chiudere un tag, che indicherà al browser che il contenuto compreso tra l’apertura e la chiusura di questo tag è scritto in codice html, e scriviamo nella nostra pagina questo codice tenete presente che quello che vi metto tra parentesi non va scritto, ma è la spiegazione su a cosa serve un determinato tag:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html> (tag di apertura del codice html)
(Qui ci sarà il contenuto che vogliamo mettere.)
</html> (tag di chiusura del codice html)
Un semplice documento in html come serve a noi per creare la pagina è diviso in due parti la testa che è il tag<head>e il corpo che è il tag <body>
La testa è la parte che scriveremo in un secondo tempo tra il tag <head> e il tag </head> e riguarderà le informazioni che non compariranno nella nostra pagina, ma serviranno da informazioni per i motori di ricerca, e saranno i vari meta-tag e i vari script JavaScript o VbScript, fogli di stile, eccetera eccetera.
Il corpo è la parte che scriveremo tra il tag di apertura <body> e quello di chiusura </body> e conterrà tutto quello che vogliamo far vedere nella nostra pagina.
Per la parte da scrivere tra il tag di apertura <head> e il tag di chiusura </head> per ora inseriremo solo 2 stringhe, la prima serve a indicare al browser che deve scrivere il set di caratteri occidentale, e non per esempio in cirillico, perciò immettiamo questa stringa.
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
Adesso senza dubbio avrete fatto caso che quando aprite una pagina web, nella parte superiore del browser, appare una scritta, che è il titolo della pagina, e questo è meglio inserirlo subito, perché non c’è niente di peggio, che fare una pagina senza titolo. Allora scriviamo questa stringa, mettendo al posto delle parole inserite tra i due tag di apertura e chiusura; mio titolo, il titolo che volete dare alla pagina che creiamo:
<title>mio titolo</title>
Adesso abbiamo costruito la struttura della pagina che vi deve apparire così;
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>mio titolo</title>
</head>
<body>
(Scriveremo qui
il nostro contenuto)
</body>
</html>
Tutto quello che inseriremo in futuro lo scriveremo tra il tag <body> e il tag </body> , a meno che non vi dia diverse indicazioni, quando riprenderemo il discorso sulla testa del documento
Nel prossimo post parleremo di layout e contenuto.