.:MENU:.
.:LOGIN FORUM:.
Homepage
Blocco Note
Made with notepad
Guide
Open Source
Forum
Cerca
Contatti
About Us
Raccolta links
Blocco Note
Made with notepad
Guide
Open Source
Forum
Cerca
Contatti
About Us
Raccolta links
.:LOGIN FORUM:.
LEZIONE 01: introduzione all'HTML
(Torna all'indice HTML)
Cosa vuol dire Html?
Esattamente HTML sono le iniziali di Hyper Text Markup Language.
Che cos'è l' HTML?
L'HTML è il linguaggio base per imparare a fare pagine web. E' un linguaggio Client Side. Ovvero è il browser del visitatore che interpreta l'HTML e non il Server (Server Side).
Come inizare a scrivere la prima pagina:
Aprite semplicemente il Blocco Note come spiegato precedentemente.
Un ottimo programma è anche Notepad++ scaricabile gratuitamente dal sito sourceforge. Ma di questo se ne parla nella sezione OPEN SOURCE.
Aprendo il Blocco Note salvate la pagina con l'estensione .html oppure .htm cioè andate su "salva con nome" e nel nome mettete "index.html". A questo punto viene creata la pagina web praticamente vuota: ora iniziremo a scriverci il codice HTML dentro.
Digitate nella pagina vuota del Blocco Note:
Ottenendo dunque:
Quando aprirete la pagina HTML creata in alto nella barra leggerete "Home Page", mentre nel contenuto ci sarà la scritta "Questo è il contenuto della mia pagina web". Quei codici che avete visto che iniziano ad esempio come <html> si chiamano TAG e vengono interpretati dal Browser quindi non si vedono ma restuitiscono la pagina come l'avete chiesta. I tag vanno solitamente aperti <html> e successivamente chiusi </html> la " / " definisce la chiusura.
Il TAG <html> è il principale perchè dichiara che il documento che avete scritto è in HTML all'interno di questo TAG ci scriverete tutto il codice HTML e quando avrete finito lo chiuderete </html> ma solo in fondo.
Il TAG <head> come dall'inglese "testa" è la parte "in alto" della pagina: questo tag racchiude tutti i comandi "iniziali" ad esempio il titolo della pagina (<title> nell'esempio). Finiti questi comandi bisogna chiudere il tag così </head>. Nel tag HEAD si trova il tag TITLE che definisce il titolo della pagina. Come detto prima occorrerà aprirlo con <title> e successivamente dopo avere immesso il nome chiuderlo con </title>.
L'ultimo tag fondamentale è il tag BODY che comprende il contenuto della pagina come già detto dal nome che in italiano significa "corpo": lo si apre generalmente dopo aver chiuso l'HEAD con <body> e lo si chiude analogamente agli altri tag visti in precedenza. Compresi tra questi tag ne andranno digitati moltissimi altri che permetteranno di visualizzare agli utenti le immagini, i testi e moltissime altre cose. Nelle prossime lezioni verranno spiegati altri tag fondamentali e i loro attributi.
Un'altra cosa molto importante non solo nell'HTML ma anche negli altri linguaggi di programmazione sono i commenti che servono come indicazione di un codice. Sono molto utili nel caso di pagine complicate e lunghe nelle quali dopo lungo tempo si va a vedere il codice sorgente: con l'aiuto dei commenti sarà senza dubbio più facile ricordare quale funzione svolgono nella pagina i varii spezzoni di codice. I commenti non vengono letti dal browser ma sono visualizzabili solo dal codice. Si inseriscono a piacimento in questo modo:
Un'ultima raccomandazione:
In questo tutorial l'HTML verrà spiegato tutto in caratteri minuscoli, sia per i tag che per gli attributi; questo metodo è infatti più regolare rispetto all'HTML 4.1 e alle sue norme, ma una pagina web funzionerà anche se essi sono scritti in maiuscolo. In alto ad ogni pagina, ancora di scrivere <html> per poter validare il vostro sito con la versione corrente di HTML (in questo caso la 4.01) andrà posizionata la seguente stringa di codice:
Per incomprensioni, domande e approfondimenti non esitate a contattare il WEBMASTER
<<-Lezione precedente || Lezione successiva->>
(Torna all'indice HTML)
Cosa vuol dire Html?
Esattamente HTML sono le iniziali di Hyper Text Markup Language.
Che cos'è l' HTML?
L'HTML è il linguaggio base per imparare a fare pagine web. E' un linguaggio Client Side. Ovvero è il browser del visitatore che interpreta l'HTML e non il Server (Server Side).
Come inizare a scrivere la prima pagina:
Aprite semplicemente il Blocco Note come spiegato precedentemente.
Un ottimo programma è anche Notepad++ scaricabile gratuitamente dal sito sourceforge. Ma di questo se ne parla nella sezione OPEN SOURCE.
Aprendo il Blocco Note salvate la pagina con l'estensione .html oppure .htm cioè andate su "salva con nome" e nel nome mettete "index.html". A questo punto viene creata la pagina web praticamente vuota: ora iniziremo a scriverci il codice HTML dentro.
Digitate nella pagina vuota del Blocco Note:
Ottenendo dunque:
Quando aprirete la pagina HTML creata in alto nella barra leggerete "Home Page", mentre nel contenuto ci sarà la scritta "Questo è il contenuto della mia pagina web". Quei codici che avete visto che iniziano ad esempio come <html> si chiamano TAG e vengono interpretati dal Browser quindi non si vedono ma restuitiscono la pagina come l'avete chiesta. I tag vanno solitamente aperti <html> e successivamente chiusi </html> la " / " definisce la chiusura.
Il TAG <html> è il principale perchè dichiara che il documento che avete scritto è in HTML all'interno di questo TAG ci scriverete tutto il codice HTML e quando avrete finito lo chiuderete </html> ma solo in fondo.
Il TAG <head> come dall'inglese "testa" è la parte "in alto" della pagina: questo tag racchiude tutti i comandi "iniziali" ad esempio il titolo della pagina (<title> nell'esempio). Finiti questi comandi bisogna chiudere il tag così </head>. Nel tag HEAD si trova il tag TITLE che definisce il titolo della pagina. Come detto prima occorrerà aprirlo con <title> e successivamente dopo avere immesso il nome chiuderlo con </title>.
L'ultimo tag fondamentale è il tag BODY che comprende il contenuto della pagina come già detto dal nome che in italiano significa "corpo": lo si apre generalmente dopo aver chiuso l'HEAD con <body> e lo si chiude analogamente agli altri tag visti in precedenza. Compresi tra questi tag ne andranno digitati moltissimi altri che permetteranno di visualizzare agli utenti le immagini, i testi e moltissime altre cose. Nelle prossime lezioni verranno spiegati altri tag fondamentali e i loro attributi.
Un'altra cosa molto importante non solo nell'HTML ma anche negli altri linguaggi di programmazione sono i commenti che servono come indicazione di un codice. Sono molto utili nel caso di pagine complicate e lunghe nelle quali dopo lungo tempo si va a vedere il codice sorgente: con l'aiuto dei commenti sarà senza dubbio più facile ricordare quale funzione svolgono nella pagina i varii spezzoni di codice. I commenti non vengono letti dal browser ma sono visualizzabili solo dal codice. Si inseriscono a piacimento in questo modo:
Un'ultima raccomandazione:
In questo tutorial l'HTML verrà spiegato tutto in caratteri minuscoli, sia per i tag che per gli attributi; questo metodo è infatti più regolare rispetto all'HTML 4.1 e alle sue norme, ma una pagina web funzionerà anche se essi sono scritti in maiuscolo. In alto ad ogni pagina, ancora di scrivere <html> per poter validare il vostro sito con la versione corrente di HTML (in questo caso la 4.01) andrà posizionata la seguente stringa di codice:
Per incomprensioni, domande e approfondimenti non esitate a contattare il WEBMASTER
Sito ottimizzato per Mozilla Firefox e per una risoluzione di 1024x768 o superiore.
