Guide & Tutorial Web HOME TUTORIAL & GUIDE WEB - HTML TUTORIAL HTML 001

GUIDE E TUTORIAL HTML PER CREARE SITI WEB

>> INTRODUZIONE AL LINGUAGGIO HTML <<

La maggior parte delle pagine dei Siti Web sono realizzate usando il Linguaggio HTML (HyperText Markup Language, cioè linguaggio che utilizza dei contrassegni per la formazione di ipertesti). I Codici e Simboli HTML vengono poi interpretate ed elaborate dai browser(Programmi per visualizzare pagine web; es. Internet Explorer, Netscape, Firefox, Opera, ecc).

Ci sono dei Software / Programmi (Web Editor) per che permettono di creare le pagine web facilmente senza aver nessuna conoscenza del linguaggio HTML. Tuttavia aver una conoscenza del linguaggio HTML appare opportuna, sia per creare pagine web che per apportare, facilmente, piccole modifiche a una pagina già creata. Inoltre la conoscenza di questo linguaggio permette di capire esattamente cosa succede dietro le quinte di una pagina web, eliminando l'ingnoranza del presunto webmaster (o semplice navigatore).


Per vedere il Codice HTML di una pagina web; ad esempio di questa pagina nel browser di "Internet Explorer" ci sono due modi:

1. Fare Clic sul Menu "Visualizza" (in alto a sinistra) del browser e poi Clic sulla scelta "HTML" per vedere il codice Sorgente (linguaggio HTML), ( FIG. 1 ).

FIG. 1


2. Fare Clic Destro su un punto qualsiasi della pagina e poi Clic scelta "HTML", ( FIG. 2 ).

FIG. 2

A questo punto appare una pagina ( FIG. 3 ) con un testo di Simboli e Codici, racchiusi tra una coppia di segni < >. I Codici racchiusi tra i simboli "<" e ">" si chiamano Tag, e consentono al browser la formazione e visualizzazione della pagina web in formato grafico.

FIG. 3



>> CREAZIONE DI UNA SEMPLICE PAGINA WEB <<

Dopo aver dato un occhiata e visto il codice HTML di una pagina web passiamo ora alla creazione di una semplice pagina. Per scrivere la nostra pagina HTML useremo un Text Editor (Un programma per il trattamento di testo) semplice, ad esempio "Blocco note" di Windows.

Per aprire blocco note bisogna Cliccare sul "Start" Menu di Windows in basso a sinistra selezionare la scelta "Tutti i programmi" poi "Accessori" e in fine "Blocco note".

Nella pagina bianca di Blocco note scrivere il seguente testo ( FIG. 4 ), (potete scriverlo sia in maiuscolo che minuscolo, e non preoccupatevi del significato dei simboli e codici, sarà tutto spiegato):

FIG. 4

Dopo aver digitato il testo nella figura qui sopra ( FIG. 4 ), in un documento di "Blocco note", nel Menu "File" Cliccare sulla scelta "salva con nome..." ( FIG. 5 ) e Salvare il file con un nome a scelta più l'estensione "htm" o "html" ( FIG. 6 ), ad esempio "prova.html" (per adesso non faremo distinzioni tra un file salvato con l'estesione "htm" e "html", faremo distinzioni più avanti, quindi potete salvare il file come "prova.htm" o prova.html" darà lo stesso risultato).

FIG. 5

FIG. 6
Aggiungendo l'estenzione "html" o "htm" al nome del file si ottiene un file che può essere interpretato dal browser (ad esempio dal browser "Internet Explorer".)


Dopo aver salvato il file chiudere il programma blocco note.
A questo punto dobbiamo individuare la cartella contenete il file che abbiamo appena salvato: il file html avrà assunto come icona il logo del browser utilizzato dal sistema operativo (es. In un sistema operativo Windows l'icona del file sarà uguale a quello di Internet Explorer).


Fare Clic sull'icona del file appena creato per aprire la pagina web (anche senza connetersi ad internet). La pagina dovrebbe essere uguale alla figura 7 ( FIG. 7 ), se volete visualizzare interamente la pagina Cliccate qui...

FIG. 7

A questo punto possiamo visualizzare la pagina web che abbiamo creato. Se vogliamo vedere il codice HTML della nostra pagina, ci basta fare Clic sul Menu "Visualizza" (in alto a sinistra) del browser e poi Clic sulla scelta "HTML" ( FIG. 8 ) per vedere il codice o Clic destro su un punto qualsiasi della nostra pagina e poi Clic scelta "HTML", ( FIG. 9 ).

FIG. 8

FIG. 9



Arrivato a questo punto cosa abbiamo imparato?


1. Cos'è il Linguaggio HTML.

2. Come creare una semplice pagina web.

3. Come Visualizzare il codice HTML di una nostra pagina web o di qualsiasi pagina.



CONTINUA ......

PROSSIMAMENTE : SPIEGAZIONE DEI CODICI E SIMBOLI HTML

VAI AL MENU GUIDA / TUTORIAL HTML


Usa Questo Form per fare Domande e Chiedere Spiegazioni  

Il tuo nome:      Email :  

Aggiungi un commento o fai una domanda: