lettura facile

Come creare un documento Html

Vuoi creare una pagina Html ma non sai come fare? In questa lezione online ti spiego come fare. E' molto semplice.

Quale software per creare un documento Html? Tutto ciò che ti serve per lavorare con l'ipertesto è un editor di testo. Per cominciare puoi usare Blocco Note su Windows.

Se stai usando un PC con Windows 10 clicca sul pulsante Start in basso a sinistra.

Seleziona la cartella Accessori Windows tra le applicazioni.

Poi clicca sulla voce Blocco note.

come aprire il Blocco Note di Windows

Si apre la finestra dell'editor di testo.

Ora sei pronto per cominciare a scrivere la tua prima pagina in Html.

la schermata iniziale del Blocco Note vuota

Copia o scrivi nel blocco note questo codice:

<html>
<head>
<title>Il titolo della pagina</title>
</head>
<body>
<p>Questa è il mio primo documento ipertestuale</p>
</body>
</html>

A questo punto il Blocco Note non è più vuoto.

il documento ipertestuale non è più vuoto

Adesso salva la pagina, clicca su File in alto a sinistra.

Poi seleziona la voce Salva con nome nel menù che si apre.

salva il documento ipertestuale

Poi salva il file con il nome primaprova.htm

I documenti in Html finiscono sempre con l'estensione .htm oppure .html.

salva il documento html sul PC

Ora apri il browser ( es. Chrome, Firefox o IE ) e digita nella barra degli indirizzi C:. per visualizzare i files sul tuo PC.

Poi cerca e clicca sul file che hai appena salvato.

digita C: nella barra degli indirizzi e clicca sul file primaprova.htm

Il browser apre e visualizza sullo schermo il documento Html.

Come puoi notare, il browser mostra soltanto il testo mentre non visualizza il codice html.

la pagina html è stata creata

Nota. Il tag <title> ha dato il nome alla pagina. E' l'informazione che vedi sulla scheda in alto a sinistra. Il testo contenuto nel tag <body> è invece mostrato dentro la pagina del browser.

Hai creato la tua prima pagina in Html.

Nelle prossime lezioni ti spiego come creare un link e come usare gli altri tag del linguaggio Html.

Se questa lezione del corso Html di StemKB ti piace, condividila con i tuoi amici.

Grazie per averci visitato.




Non hai risolto il tuo problema? Scrivi una domanda




FacebookTwitterLinkedinLinkedin