Come in ogni guida che si rispetti, non mi sembrebbe corretto iniziare senza prima chiarire di cosa andremo a parlare. Per cui, cos'è l'HTML? Il codice HTML, acronimo di HyperText Markup Language (Linguaggio di Marcatura per Ipertesti), è quel particolare insieme di lettere, nimeri e simboli che, disposti in un certo ordine, possono dar vita ai cosiddetti ipertesti, ossia le normali pagini web apribili con un normale Browser.
Il codice HTML si può facilmente riconoscere dai TAG utilizzati, compresi nelle parentesi angolate (< e >), mentre il BBCode (il codice utilizzato nella maggior parte dei Forum), molto simile all'HTML, utilizza le parentesi quadre ([ e]).
Possiamo suddividere la struttura della pagina web in due grandi categorie: la Head (testa) e il Body (corpo). Successivamente, andremo a esaminare queste due parti nello specifico.
Beh, mi sembra che per l'introduzione sia sufficiente.
Detto questo, cominciamo!
Innanzitutto, vediamo quali "materiali" sono necessari per questo esper... Ehm, per questa guida.
Il codice HTML si può facilmente riconoscere dai TAG utilizzati, compresi nelle parentesi angolate (< e >), mentre il BBCode (il codice utilizzato nella maggior parte dei Forum), molto simile all'HTML, utilizza le parentesi quadre ([ e]).
Possiamo suddividere la struttura della pagina web in due grandi categorie: la Head (testa) e il Body (corpo). Successivamente, andremo a esaminare queste due parti nello specifico.
Beh, mi sembra che per l'introduzione sia sufficiente.
Detto questo, cominciamo!
Innanzitutto, vediamo quali "materiali" sono necessari per questo esper... Ehm, per questa guida.
Occorrente
1. Un computer funzionante :p
2. Un Block Notes
3. Un qualsiasi Browser
La connessione Internet è necessariaSOLO ED ESCLUSIVAMENTE per leggere questa guida, non per altro ;)
A questo punto, direi che possiamo procedere con la guida vera e propria.
2. Un Block Notes
3. Un qualsiasi Browser
La connessione Internet è necessariaSOLO ED ESCLUSIVAMENTE per leggere questa guida, non per altro ;)
A questo punto, direi che possiamo procedere con la guida vera e propria.
Procedimento
1. Per prima cosa, dobbiamo aprire il Block Notes.
2. A questo punto, dobbiamo far capire al sistema che si tratta di HTML. Per farlo, basterà scrivere il seguente codice:
A questo punto abbiamo già creato la nostra prima pagina web! Vuota, ma pur sempre pagina...
Per fare un paio di precisazioni:
- L'HTML non fa differenza tra maiuscolo e minuscolo, anche se io preferisco scrivere tutto miniscolo. Voi potete fare come volete, però vi consiglierei di scrivere minuscolo perché, se un giorno vorrete iniziare a programmare in XHTML (con un'ALTRA guida NON MIA) dovrete per forza utilizzare il minuscolo, dato che l'XHTML legge sono quello (wow, non ho mai utilizzato tante volte la parola "minuscolo" in una frase! ).
- Come avrete notato, come nel BBCode, anche nell'HTML per "chiudere" un comando è necessario anteporre uno / (slash) al comando stesso.
3. Adesso iniziamo a riempire la nostra pagina. Per prima cosa è necessario inserire un titolo. Il titolo rientra nell'Head, la parte superiore della pagina. Per il livello di questa guida, il titolo è l'unica cosa rilevante dell'Head. Il Body sarà invece molto più ricco. ;)
Ordunque, eravamo rimasti all'Head. Dobbiamo prima di tutto aprirla. Per farlo, digitiamo </head> ALL'INTERNO dell'HTML, così:
A sua volta, dentro all'Head inseriamo il titolo (un po' come le scatole cinesi
). Scriviamo perciò <title>Titolo</title>:
Ora, possiamo salvare il tutto per verificare il risultato. Andiamo quindi su File -> Salva con nome, diamo un nome alla nostra pagina (es. pagina_prova), stando attenti a non salvare con l'estensione .txt, ma scrivendo invece pagina_prova.html. In questo modo salveremo in HTML, altrimenti riapriremo semplicemente il Block Notes.
Clicchiamo ora sul file, e quello che dovrebbe apparirvi è qualcosa di questo tipo:
QUESTA E' LA MIA PRIMA GUIDA! NELLA PROSSIMA INIZIERO' CONTINUARE CON I " TAG BODY "
2. A questo punto, dobbiamo far capire al sistema che si tratta di HTML. Per farlo, basterà scrivere il seguente codice:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
A questo punto abbiamo già creato la nostra prima pagina web! Vuota, ma pur sempre pagina...
Per fare un paio di precisazioni:
- L'HTML non fa differenza tra maiuscolo e minuscolo, anche se io preferisco scrivere tutto miniscolo. Voi potete fare come volete, però vi consiglierei di scrivere minuscolo perché, se un giorno vorrete iniziare a programmare in XHTML (con un'ALTRA guida NON MIA) dovrete per forza utilizzare il minuscolo, dato che l'XHTML legge sono quello (wow, non ho mai utilizzato tante volte la parola "minuscolo" in una frase!
).- Come avrete notato, come nel BBCode, anche nell'HTML per "chiudere" un comando è necessario anteporre uno / (slash) al comando stesso.
3. Adesso iniziamo a riempire la nostra pagina. Per prima cosa è necessario inserire un titolo. Il titolo rientra nell'Head, la parte superiore della pagina. Per il livello di questa guida, il titolo è l'unica cosa rilevante dell'Head. Il Body sarà invece molto più ricco. ;)
Ordunque, eravamo rimasti all'Head. Dobbiamo prima di tutto aprirla. Per farlo, digitiamo </head> ALL'INTERNO dell'HTML, così:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
A sua volta, dentro all'Head inseriamo il titolo (un po' come le scatole cinesi
). Scriviamo perciò <title>Titolo</title>:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ora, possiamo salvare il tutto per verificare il risultato. Andiamo quindi su File -> Salva con nome, diamo un nome alla nostra pagina (es. pagina_prova), stando attenti a non salvare con l'estensione .txt, ma scrivendo invece pagina_prova.html. In questo modo salveremo in HTML, altrimenti riapriremo semplicemente il Block Notes.
Clicchiamo ora sul file, e quello che dovrebbe apparirvi è qualcosa di questo tipo:
QUESTA E' LA MIA PRIMA GUIDA! NELLA PROSSIMA INIZIERO' CONTINUARE CON I " TAG BODY "
