Andiamo sul pratico: una pagina html
Vista la pressione ricevuta da alcuni visitatori, non vi lasciamo a mani vuote e cominciamo a parlare di come è formata una pagina html.
Innanzitutto dovremo “dichiarare” che versione di html stiamo andando ad usare, di modo che poi il W3 Consortium possa validare correttamente la nostra pagina. Per far ciò bisogna innanzitutto definire quindi il DOCTYPE (e qui ci è di aiuto il buon vecchio Gdesign.it)*. Una volta stabilito questo possiamo partire, ecco di seguito la struttura base, ad esempio, di una pagina con doctype html 4.1 transitional:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<title>Documento senza titolo</title>
</head><body>
</body>
</html>
Subito dopo il DOCTYPE andiamo allora a cominciare aprendo e chiudendo il tag principale: HTML (attenzione, lo scrivo in maiuscolo quando ne parlo descrittivamente, ma usatelo SEMPRE in minuscolo!).
Di seguito avremo la “testa” della nostra pagina, cioè la HEAD, dove sono contenute tutte le informazioni “nascoste” a ciò che viene visualizzato (fatta eccezione per il titolo della pagina, TITLE). Come potete vedere di default vi viene presentato il META TAG che contiene le indicazioni per il set di caratteri iso-8859-1 che è quello usato nell’Europa occidentale. Se volessimo invece scrivere una pagina con dei caratteri ad esempio cirillici o giapponesi, dovremmo usare un altro charset per segnalare al browser quale set di caratteri usare correttamente per interpretare la pagina.
Chiusa la HEAD si passa al BODY, che contiene il corpo del sito, cioè quello che vedremo visualizzato nella pagina.
Per oggi direi basta così, alla prossima lezione, dove cominceremo a parlare dei box (i famosi DIV) che insieme agli elementi della pagina già descritti nell’articolo sulla semantica, contribuiranno a formare il layout del nostro sito.
*08.10.2007: Integro con un articolo recente di Marco Bertoni
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
11 Commenti
“Vista la pressione ricevuta da alcuni visitatori” …
Sicuramente sarà utile questa piccola guida x ki è alle prime armi. una piccola guida simile x i css quando la pubblichi lauryn ?
Arrivo arrivo ragazzi, ho anche il mio lavoro eheh
Vorrà dire che andrò in ordine “sparso” eheh
dai la prossima parto con i css, anche perchè in ordine vengono quelli
Vista la pressione di alvuni visitatori …
grazie laura, mi raccomando, una bella lezione approfondita
oookey, è solo questione di tempo
Ciao
sono Gabriele, e sto costruendo un piccolo(il primo!) sito (che non ti segnalo che è ancora un pò indecente!), ti è possibile dirmi cosa devo inserire CONCRETAMENTE per i vari layout fra le parentesi graffe (body, hr, #intestazione, #barradinavigazione etc)? Mi sarebbe utile anche solo un piccole esempio. Grazie mille!!!
Eheh mi hai letto nel pensiero, presto accontentato!
http://www.italianwebdesign.it/costruiamo-un-layout-con-i-css-ii-parte/
Integro con un articolo recente di Marco Bertoni:
http://www.semplicemente.org/2007/10/introduzione-ai-css-la-dtd/