Come creare un website in Html

Vuoi realizzare un sito web da solo? In questa guida ti spiego come fare un sito con il linguaggio HTML.

Cos'è l'HTML? E' un linguaggio di markup che ti permette di creare dei documenti ipertestuali. HTML significa HyperText Markup Language. Tutte le pagine web sono scritte in HTML.

Come è fatto un sito web

Un sito web è composto da una serie di web-page o documenti ipertestuali collegati tra loro.

Una pagina html è semplicemente un file di testo con una particolare estensione ( .HTM oppure .HTML ).

come salvare un documento ipertestuale sul PC

Cosa ti serve per creare una pagina web?

Non servono software particolari e costosi.

Per scrivere un documento ipertestuale in HTML puoi utilizzare qualsiasi editor di testo gratuito.

Esempio. In questa guida io ho usato il Blocco Note ( o Notepad ) del sistema operativo Windows.

Come scrivere una pagina web

Un documento Html ha sempre un tag di apertura all'inizio ( <HTML> ) e un tag di chiusura alla fine ( </HTML> ).

<HTML>
...
...
...
</HTML>

La parte interna del documento html è suddivisa in due sezioni principali.

  1. La sezione HEAD
  2. La sezione BODY

La prima sezione è chiamata Head ( testa ). Si trova all'inizio del documento ed è inclusa tra un tag di apertura ( <HEAD> e un tag di chiusura ( </HEAD> ).

La seconda sezione è detta Body ( corpo ) ed è inclusa tra un tag di apertura e un tag di chiusura .

<HTML>
<HEAD>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>

A cosa servono le sezioni HEAD e BODY

Le due sezioni hanno funzioni molto differenti tra loro.

Considera la sezione Head come uno spazio in cui inserire i metatag e le informazioni che non sono visibili sul browser dell'utente.

Nella sezione Body, invece, sono presenti i testi che l'utente visualizza sullo schermo del computer quando naviga la pagina web con il browser.

Esempio. Il testo che stai leggendo ora si trova nella sezione body di questa pagina web.

Oltre ai testi sono presenti anche i tag di formattazione ( es. grassetto, allineamento, tabelle, ecc. ) del contenuto.

Un esempio di pagina web

Prova a scrivere il seguente codice Html in un editor di testo.

<HTML>
<HEAD>
</HEAD>
<BODY>
questa è la mia prima pagina web
</BODY>
</HTML>

Poi salva il file sul tuo computer con il nome "primapagina.htm".

salva il documento html creando un file di testo con estensione .htm o .htm

Non dimenticare l'estensione .HTM. Se non aggiungi l'estensione .htm ( o .html ) dopo il nome del file, il sistema operativo non lo riconosce come documento ipertestuale.

A questo punto vai sul tuo browser e visualizza la tua prima pagina web sul browser.

Ad esempio, se utilizzi il browser IE ( Internet Explorer ) clicca su voce File nel menù superiore, poi su Apri.

come aprire una pagina web salvata sul computer

Seleziona il file ( primapagina.htm ) che hai salvato poco fa sul tuo PC.

Poi clicca clicca sul pulsante OK.

Grazie all'estensione .html il browser riconosce il documento html, lo interpreta e lo visualizza sullo schermo.

come visualizzare il documento html sul browser

In questo caso si tratta di una pagina molto semplice, il browser visualizza a video la frase del documento.

Fai attenzione a un aspetto. Il browser non mostra i tag Html sullo schermo ma soltanto il contenuto testuale che hai inserito nella sezione body.

Hai creato da solo la tua prima pagina web

Questo tutorial è soltanto la prima lezione, il suo scopo è farti capire che un sito web è semplicemente un insieme di file di testo e puoi crearlo con un semplice text editor.

Nelle prossime lezioni ti spiegherò come usare altri tag html. Ad esempio, come inserire un titolo e come fare un testo in grassetto.

Se ti piace questa lezione di Nigiara condividila con un amico.




Non hai risolto il tuo problema? Scrivi una domanda