La mia prima pagina web! Prima Lezione


Tanto per cominciare, lancia il Blocco Note e scrivi...

 <HTML>
</HTML>

Questi si chiamano tag. Rappresentano il cuore dell'HTML e costituiscono la lingua con cui costruire le pagine web.

Il compito dei tag è quello di dire al browser cosa deve fare; o meglio, di dire al browser come disporre parole e immagini sullo schermo. Quello che avete appena detto al browser è "Questo è l'inizio di un documento HTML " (<HTML> ) e "Questa è la fine di un documento HTML (</HTML> ).

In genere ogni tag di apertura ha un suo corrispondente tag di chiusura, ma esistono significative eccezioni. Per chiudere un tag aggiungi / al tag iniziale. Molti tags, ma non tutti, devono avere un tag di chiusura.

Ora, dobbiamo metterci qualcos'altro


 

Adesso aggiungi anche questi due tag  TITLE e HEAD. In un altro momento vedremo a che servono.

 <HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

</HTML>

 

Il contenuto vero e proprio della pagina sarà compreso tra i tags BODY.

 <HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>

</HTML> 

 

E adesso veniamo al contenuto vero e proprio! Proviamo a scrivere qualcosa tra i tags BODY e vediamo che succede.

 <HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
La mia prima pagina web!
</BODY>
</HTML> 

 

Ora salva il tuo lavoro, ma... attenzione!

Solo per quuesta prima volta, dovrai seguire una procedura particolare. Infatti non dovrai salvare il tuo lavoro come un normale documento di testo utilizzando il classico comando "Salva", ma come un documento .html utilizzando il comando "Salva con nome...". E' molto semlice.

Vai nel menù del Blocco Note clicca "File" e poi "Salva con nome". Ti si presenterà una finestra di dialogo.

Dopo aver selezionato nel menù a sinistra la cartella (per esempio "Desktop") nella quale salvare il file, scrivi pageina1.html nella casella di fianco alla scritta "Nome file:". Assicurati che nel menu "Salva come:" sia selezionato Tutti i files.
Clicca sul pulsante [Salva]

Fatta!

Complimenti! Hai realizzato la tua prima pagina web!

Clicca due volte sul file appena salvato e osserva il tuo capolavoro!

P.s Sai cos'è il Blocco Note, vero?

smileysmileysmiley


www.123scuola.com