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 dirgli come disporre parole e immagini sullo schermo. Quello che hai appena scritto dice 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. Per chiudere un tag aggiungi / al tag iniziale. Molti tag, ma non tutti, devono avere un tag di chiusura.
Ora dobbiamo metterci qualcos'altro...
Aggiungi anche i tag <HEAD> e <TITLE>. 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 tag <BODY>.
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML>
E adesso veniamo al contenuto vero e proprio! Proviamo a scrivere qualcosa tra i tag <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 questa prima volta dovrai seguire una procedura particolare. Non salvare come un normale documento di testo con "Salva", ma come documento .html usando "Salva con nome...". È molto semplice.
Vai nel menu del Blocco Note, clicca File e poi Salva con nome. Ti si presenterà una finestra di dialogo.
Dopo aver selezionato la cartella di destinazione (per esempio "Desktop"), scrivi pagina1.html nella casella Nome file. Assicurati che nel menu Salva come sia selezionato Tutti i file. Clicca su [Salva].
Fatta!
Complimenti! Hai realizzato la tua prima pagina web!
Fai doppio clic sul file appena salvato e osserva il tuo capolavoro! ??
P.s. Sai cos'è il Blocco Note, vero? È l'editor di testo più semplice di Windows — lo trovi in Start → Accessori → Blocco Note.
Sintesi
I punti chiave dell'argomento
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 dirgli come disporre parole e immagini sullo schermo. Quello che hai appena scritto dice 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. Per chiudere un tag aggiungi / al tag iniziale. Molti tag, ma non tutti, devono avere un tag di chiusura.
Ora dobbiamo metterci qualcos'altro...
Aggiungi anche i tag <HEAD> e <TITLE>. 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 tag <BODY>.
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML>
E adesso veniamo al contenuto vero e proprio! Proviamo a scrivere qualcosa tra i tag <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 questa prima volta dovrai seguire una procedura particolare. Non salvare come un normale documento di testo con "Salva", ma come documento .html usando "Salva con nome...". È molto semplice.
Vai nel menu del Blocco Note, clicca File e poi Salva con nome. Ti si presenterà una finestra di dialogo.
Dopo aver selezionato la cartella di destinazione (per esempio "Desktop"), scrivi pagina1.html nella casella Nome file. Assicurati che nel menu Salva come sia selezionato Tutti i file. Clicca su [Salva].
Fatta!
Complimenti! Hai realizzato la tua prima pagina web!
Fai doppio clic sul file appena salvato e osserva il tuo capolavoro! ??
P.s. Sai cos'è il Blocco Note, vero? È l'editor di testo più semplice di Windows — lo trovi in Start ? Accessori ? Blocco Note.
Prova tu!
Scrivi il codice HTML e guarda subito il risultato
💡 Il risultato si aggiorna mentre scrivi. Usa il pulsante Esegui per aggiornare manualmente.