HTML è una sigla che viene da una frase inglese che vuol dire: " linguaggio di contrassegno di ipertesti"

 

Per creare la tua pagina HTML, non hai bisogno di programmi particolari. Hai già tutto quello che ti serve sul computer, cioè un programma che si chiama "blocco note".

Basta salvare come htm il file di testo, che verrà in seguito "sfogliato" da un browser.

I browser sono i programmi che permettono di navigare in Internet, come per esempio Internet Explorer, Avant o Netscape.

 

 

Per prima cosa occorre sapere, che le pagine HTML sono sempre aperte e chiuse con un tag particolare: <HTML>.   .

 

Quindi la prima parola che bisogna scrivere su qualunque pagina web sarà <HTML> e l'ultima sarà </HTML>.

 

Tutto ciò che andrai a inserire tra questi tag sarà letto dal computer come codice HTML. Dunque la prima cosa che devi scrivere nella tua pagina bianca del "blocco note" è:

 

<HTML>


</HTML>

 

 

Se il tag <HTML> ha il compito di aprire e chiudere il documento HTML, il tag <BODY> (che in inglese significa "corpo"), ha il compito di contenere i testi, le immagini e tutti gli altri elementi della pagina.
Il tag
<BODY> è a sua volta racchiuso nel tag <HTML>
Il tag BODY non ha solo il compito di ospitare il testo e le immagini della pagina, ma anche quello di dare colore allo sfondo.

Se, per esempio, desideri che il colore di sfondo della tua pagina HTML sia blu, il codice per farlo è:

<BODY bgcolor="blue">


</BODY>


"bgcolor" è un attributo del tag BODY e lo si scrive all'interno delle parentesi angolari.

 

I colori che si possono scegliere devono essere scritti in inglese, perciò devi utilizzare i seguenti nomi:

verde - green
rosso - red
blu - blue
nero - black
bianco - white
rosa - pink
giallo - yellow

Se per esempio vuoi che lo sfondo sia giallo invece di blu, non devi far altro che sostituire "yellow" a "blue":

 

<BODY bgcolor="yellow">

</BODY>

 

Occorre solo ricordare di salvare il tutto in “htm”, per poi leggere il risultato ottenuto con un browser.

Dare il titolo alla pagina web

Per titolo si intende quello che si trova nella barra superiore della pagina web, che di solito è di colore blu.

 

Il tag TITLE (in inglese significa: "titolo") è quello che dà il titolo alla schermata e va scritto in questo modo:


<TITLE>La mia prima home page</TITLE>


"La mia prima home page" è il titolo della pagina, che il browser mostra nella striscia superiore. “Titolo” fa parte delle informazioni generali sulla pagina e dunque va inserito all'interno del tag HEAD:


<HEAD>

<TITLE>La mia prima home page</TITLE>

</HEAD>



A questo punto devi salvare il codice che finora hai scritto. Per farlo clicca su "File" e poi su "Salva".

 

 

Se non ti basta  mettere il titolo e cambiare il colore, ma vuoi anche variare l'aspetto delle lettere, aggiungi l'attributo "face":


<FONT color="black" face="arial">benvenuti
</FONT>

Questo è tutto quello che puoi fare col tag FONT, ma puoi ancora modificare il testo con altri tag.!

Per esempio se vuoi che il testo sia grassetto devi utlizzare il tag <B> (sta per Bold, che in inglese significa "grassetto"). Ecco un esempio:


<B>benvenuti</B>

Le lettere sono diventate più scure e cicciottelle, vedi?

Con lo stesso metodo è possibile creare testo corsivo. Basta usare il tag <I> (sta per Italic, che in inglese significa "corsivo"):


<I>benvenuti</I>


Il benvenuto ai visitatori


Adesso le lettere sono più inclinante verso destra.

Se invece vuoi sottolineare il testo devi utilizzare il tag <U> (sta per Underline, che in inglese significa "sottolineato"):


<U>benvenuti</U>

A questo punto proviamo a mettere che mettere insieme tutti i tag per il testo :


<FONT color="black" face="arial" size="7"><B><I><U>benvenuti</U></I></B>
</FONT>

Il benvenuto ai visitatori


Il testo "benvenuti" è nero, tipo arial, grandezza 7, grassetto, corsivo e sottolineato.

A questo punto ciò che sarà scritto sulla tua pagina html sarà questo:

<HTML>

<HEAD>

<TITLE>La mia prima home page</TITLE>

</HEAD>

<BODY background="sfondo.gif">

<FONT color="black" face="arial" size="7"><B>BENVENUTI</B></FONT>

</BODY>

</HTML>