Per chi non avesse mai avuto prima d'ora alcuna esperienza con HTML è consigliabile iniziare dalla rubrica Primi passi che in sole 12 lezioni ha la presunzione di schiarire le idee e mettervi addirittura in condizioni di crearvi un vostro sito. Sulla guida html potrete sempre ritornare una volta acquisito quel minimo di esperienza.

-------------

Benvenuti su questa rubrica, se siete arrivati fin qui significa che siete interessati a muovere i primi passi in HTML ovvero il linguaggio base che da vita alla rete Internet.
Su questo spazio è possibile apprendere, passo dopo passo, lezione dopo lezione, tutto ciò che serve per creare una propria pagina web, e perchè no, un vero e proprio sito!

Dopo aver letto e studiato tutto il contenuto della guida primi passi sarete in grado di costruire un vero sito. Nel caso qualcuno volesse stampare questa pagina lo può fare andando sul menù del programma di navigazione e cliccare su "Stampa", naturalmente dopo aver selezionato le parti del testo che interessano.

Dopo questa breve ma doverosa premessa, possiamo iniziare; vediamo cosa serve e come si costruisce una pagina web.

Una pagina web è una sorta di ipertesto, cioè testo apparentemente "normale" generato da un editor (uno di numerosi programmi che permettono di scrivere il codice Html). La particolarità dei linguaggi web stà nello scrivere comandi particolari che diventano vere e proprie istruzioni chiamate <TAGS> (elementi), racchiusi fra parentesi angolari < >, particolarità questa che consente la corretta interpretazione da parte del browser. Cos'è il browser?
E' quel programma che viene utilizzato per navigare e che consente di interpretare i vari codici HTML. (Html è l'acronimo di: Hyper Text Markup Language).

Non c'è nulla di particolarmente difficile, non serve avere alcuna precedente esperienza di programmazione, bisogna semplicemente seguire le spiegazioni con una certa attenzione e poi provare... provare, e riprovare.

Una panoramica più completa su quelli che sono tutti gli elementi di Html è possibile averla consultando la guida Html, precedentemente segnalata, dedicata sempre ai principianti, di facile consultazione e comodamente scaricabile in formato compresso (zip) per essere visionata off-line.

Vediamo ora cosa serve e quali sono gli strumenti necessari per creare la nostra prima pagina web. In primis dobbiamo procurarci un editor, cioè uno di quei programmi che si utilizzano per scrivere testi, ad es. Wordpad o Blocco Note ma anche qualsiasi altro elaboratore di testo. Unica raccomandazione: ricordarsi sempre di salvare il tutto in formato ASCII, cioè puro testo senza aggiunta di formattazioni particolari. Alcuni di questi programmi, infatti, Word di Microsoft per citarne uno, aggiungono dei caratteri che soltanto loro riescono poi a riconoscere ed interpretare, questi caratteri non vanno certo d'accordo con il codice html e relative pagine web.
 
Oltre agli editors succitati esistono anche altri software che permettono oltre che compilare il codice di una pagina web anche di vedere in tempo reale i risultati del nostro lavoro. Gli editors visuali sono quei programmi che consentono di costruire una pagina web senza scrivere alcun comando o codice di programmazione ma soltanto agendo attraverso gli strumenti del software per creare tabelle, colonne, scritte ad effetto, ecc...! Ovviamente gli editors visuali sono molto più semplici rispetto a quelli testuali ma sono anche molto più limitati, non tutto può essere realizzato con tali programmi!

Gli editors testuali richiedono sì, da parte di chi li utilizza, una conoscenza di base dell'html ma consentono di fare cose che editors visuali non permetterebbero mai.

Ora possiamo finalmente iniziare a fare qualcosa di concreto...! Aprite il vostro editor preferito.....

-------------

I TAGS, o elementi, che compongono HTML devono essere racchiusi fra parentesi angolari, <queste>.

Si tratta di parole chiave, termini in lingua inglese. L'elemento (tag) smette di produrre il suo effetto nel momento in cui lo stesso viene ripetuto facendolo precedere da una barra laterale / contenuta sempre all'interno delle parentesi angolari, in questo modo </esempio>.

L'inizio di un documento HTML avrà come elemento (tag) iniziale: <HTML> e come elemento (tag) finale </html> poco importa se siano scritti in maiuscolo o minuscolo, tutto ciò che sarà contenuto all'interno di questi due elementi (tags) sarà interpretato dal browser come codice HTML.
Difficile???

Un documento HTML è composto da due sezioni ben distinte: una testa <HEAD> ed un corpo <BODY>

Nella testa (head) vanno messi quei comandi che inviano informazioni al server o quel codice che deve essere letto con una certa priorità: script, fogli di style, ecc. ecc.
Nel corpo (body), tutto il resto. Anche questi elementi, necessitano del relativo elemento di chiusura: </head> e </body> Riassumendo una struttura HTML tipo, potrebbe essere questa:

<html>
<head>
codice per il server, scritp, fogli di stile.
</head>
<body>
codice da visualizzare come documento
</body>
</html>

Per il momento all'interno di <Head> non metteremo nulla, si vedrà più avanti cosa inserire, adopereremo soltanto la zona <body>.

Col vostro editor create la struttura sopra e portatevi col cursore all'interno degli elementi (tags) <body> ... </body> Inseriremo del testo, per cui lo faremo precedere dall'elemento <p> che significa: paragrafo, andremo a scrivere un qualsiasi testo: "questa è la mia prima pagina web" per esempio, facciamo in modo di chiudere anche l'elemento <p> con il relativo </p>. Se tutto è stato fatto correttamente dovremo avere una struttura di questo genere:

<html>
<head>
</head>
<body>
<p> Questa è la mia prima pagina web </p>
</body>
</html>

Non importa come avete disposto le frasi del testo, potete lasciare spazi o ritornare a capo quante volte volete; il browser ignorerà il vostro modo di scrivere limitandosi a leggere e interpretare soltanto gli elementi validi di html. (più avanti si vedrà come lasciare spazi e come andare a capo)

A questo punto non resta che salvare il tutto. Se il vostro editor non è specifico per html, fate in modo di salvare in formato ascii, cioè testo puro. Assegnategli un nome: quello che volete, e salvatelo.

Se non avete un editor che salva direttamente in html con molta probabilità il vostro file avrà un estensione di tipo .txt. Rinominate questo file in modo che abbia come estensione htm o html altrimenti il browser non riuscirà ad interpretarlo in modo corretto.
 
Chi, invece, utilizza un editor visuale quale: "Composer, Front Page Express, ecc..."  dovrà limitarsi a scrivere:  questa è la mia prima pagina web" e salvare...

...la guida continua, scaricate il manuale in versione integrale: clicca qui