• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida [GUIDA] Cos'e l'HTML? - 1 parte

FunkerGM

Nuovo utente
Autore del topic
30 Settembre 2014
25
0
Miglior risposta
0
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.

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.​

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:


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... :emoji_smiley:
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! :emoji_smiley: ).
- 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 :emoji_slight_smile: ). 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.


html8.jpg


Clicchiamo ora sul file, e quello che dovrebbe apparirvi è qualcosa di questo tipo:

html1zfxx.png


QUESTA E' LA MIA PRIMA GUIDA! NELLA PROSSIMA INIZIERO' CONTINUARE CON I " TAG BODY "​
 
@FunkerGM

Ti consiglio di modificare un po' la guida. Formatta bene il testo, è scomodo leggerlo.
Poi:

Ordunque, eravamo rimasti all'Head. Dobbiamo prima di tutto aprirla. Per farlo, digitiamo </head> ALL'INTERNO dell'HTML, così:
Sicuro che si apra così il tag head? Modifica.

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!
E il tag head qui non lo chiudi? Modifica.

Come avrete notato, come nel BBCode, anche nell'HTML per "chiudere" un comando è necessario anteporre uno / (slash) al comando stesso.
Di quale comandi parli? Quelli sono tag, ricordi? Non confondiamo le idee ai neofiti. Modifica.
 
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.

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.​

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:


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... :emoji_smiley:
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! :emoji_smiley: ).
- 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 :emoji_slight_smile: ). 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.


html8.jpg


Clicchiamo ora sul file, e quello che dovrebbe apparirvi è qualcosa di questo tipo:

html1zfxx.png


QUESTA E' LA MIA PRIMA GUIDA! NELLA PROSSIMA INIZIERO' CONTINUARE CON I " TAG BODY "​


Guida per me totalmente inutile, ormai esiste
Perfavore, Entra oppure Registrati per vedere i Link!
con le guide molto più semplici da capire, ergo, si comprende molto più facilmente.​
 
Questo è html basilare e devo dire che non è proprio il massimo come guida, ma bravo lo stesso per aver postato ;)