Introduzione
Immagino che ormai tutti sappiate cos'è HTML e a cosa serve... ma per quelli che proprio sono profani della materia ricordo che
HTML è un linguaggio per la creazione di documenti soprattutto rivolti all'utilizzo sul web.
La serie di lezioni che seguiranno vi fornirà le basi per creare documenti professionali tralasciando gli aspetti teorici ma
puntando subito a quelli pratici fornendo sempre molti esempi delle tecniche spiegate.
Per scrivere codice HTML è sufficiente un editor di testo, ma vi consiglio di utilizzare un editor specifico per HTML come ad
esempio Dreamweaver di Macromedia. Infatti grazie a questo editor si ha la possibilità di scrivere il codice più velocemente,
grazie al completamento automatico, di controllare la correttezza della sintassi, di distinguere le varie porzioni di codice
grazie a colori differenti e di utilizzare struttura predefinite all'interno del vostro documento.
Struttura di un documento HTML
La prima parte di un documento HTML fornisce informazioni sulla versione di linguaggio utilizzata. Nell'esempio seguente si specifica
che si sta scrivendo in HTML 4.0 Allargato:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">
L'HTML allargato permette di non essere proprio così rigorosi come nell'HTML stretto... vedremo più avanti cosa vuol dire.
A seguire è necessario introdurre il tag <HTML> seguito dal tag di chiusura </HTML>. All'interno di questi due tag troverà
spazio tutto il nostro codice.
Consiglio di utilizzare i tag, soprattutti quelli che richiedono una chiusura, come se fossero scatole cinesi. Scrivete subito anche
il tag di chiusura!!
La prima sezione del documento vero e proprio sarà l'intestazione, il cui tag è <HEAD> (sempre accompagnato dal relativo tag di
chiusura) che contiene alcune in formazioni riguardante il documento, tra qui il titolo che sarà individuato dal tag <TITLE>
accompagnato dal tag di chiusura. Il codice sarà come segue:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">
<HTML>
<HEAD>
<TITLE>bitportal.it</TITLE>
</HEAD>
</HTML>
L'intestazione è seguita dal corpo del documento, quello cioè con i contenuti e che sarà racchiuso tra i tag <BODY> e
</BODY>
Vi ricordo che per rendere il codice più leggibile agli altri, e per aiutare anche voi stessi, è opportuno inserire di tanto in
tanto dei commenti.
Sfruttate i tag <!-- e --> rispettivamente per aprire e chiudere i vostri commenti.
Il tutto potrebbe presentarsi come seque:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">
<HTML>
<!-- Intestazione -->
<HEAD>
<TITLE>bitportal.it</TITLE>
</HEAD>
<BODY>
<!-- Inserite qui il testo del vostro documento -->
</BODY>
</HTML>
Per visualizzare l'esempio
clicca qui
