La mia prima pagina web
Allora adesso, dopo la prefazione passiamo ai fatti. È arrivato il momento di scrivere la nostra prima pagina web. Bene aprite il blocco note e riscrivite (fate attenzione ho detto di riscrivere, non di fare il copia ed incolla) il codice qui sotto.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>La mia prima pagina web</title> </head> <body> <p>Questa è la mia prima pagina web</p> </body> </html>
Adesso salvate il file con il nome "pagina.html" e quindi aprite la vostra pagina nel browser. Quello che vedrete sarà una cosa del genere:
Adesso passiamo a vedere quali tag abbiamo usato e a che cosa servono
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Il DOCTYPE è, il primo tag che andremo a scrivere nella nostra pagina web.
Questo è l'unico tag che deve essere scritto tutto in maiuscolo. Questo tag serve
a specificare quale versione di html stiamo utilizzando e ci ritornerà utile quando
andremo a validare le nostre pagine. Non è un tag indispensabile ma è sempre bene mettrelo.
<html>...</html>
Questo tag serve a far capire al browser che quello che troverà nel documento non
lo dovrà interpretare come semplice testo ma come codice html. Questo tag va aperto all'inizio del
documento e poi va richiuso alla fine dello stesso.
<head>...</head>
Il tag <head> contiene le informazioni del documento. Questo tag viene posto subito dopo
il tag <html>. All'interno di questo tag vengono posti i tag <title> ed i vari
meta-tag.
<title>...</title>
Il tag <title> va posto all'interno del tag <head>. Serve per dare il titolo
al documento html. Questo titolo viene visualizzato, per intenderci, sulla barra blu del browser,
non nel documento.
<body>...</body>
All'interno di questo tag vengono racchiuse tutte le informazioni e i contenuti che poi
verranno visualizzate dal browser.
<p>...</p>
Il tag <p> serve per dividere i testi in paragrafi. Ogni paragrafo sarà
separato dall'altro da uno spazio bianco.
Dopo aver passato in rassegna i tag utilizzati, ricapitoliamo la struttura base di una pagina web:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Titolo</title> </head> <body> ...Qui va tutto il contyenuto della pagina... </body> </html>
