INDICE
PAGINE WEB E HTML …..........3
STRUTTURA DELLA PAGINA ...........6
I COLORI IN HTML …………….7
ATTRIBUTI DEL TAG “BODY” ..8
TAG FONT …………10
TIPI DI CARATTERE……11
I FONT DI STILE ............12
LE ENTITA’ DI CARATTERE ............14
COLLEGAMENTI............16
COME COLORARE UNA PAGINA …18
ESERCIZIO SVOLTO.....19
ESEMPIO COLLEGAMENTI....23
PAGINE WEB E HTML …..........3
STRUTTURA DELLA PAGINA ...........6
I COLORI IN HTML …………….7
ATTRIBUTI DEL TAG “BODY” ..8
TAG FONT …………10
TIPI DI CARATTERE……11
I FONT DI STILE ............12
LE ENTITA’ DI CARATTERE ............14
COLLEGAMENTI............16
COME COLORARE UNA PAGINA …18
ESERCIZIO SVOLTO.....19
ESEMPIO COLLEGAMENTI....23
Una pagina web è il tipo di documento digitale tramite il quale sono rese disponibili all'utente finale le informazioni del World Wide Web attraverso un browser web. Un insieme di pagine web tra loro relazionate secondo una gerarchia e una struttura ipertestuale e riferibili, di norma, ad un unico web server costituisce un sito web.
In informatica, l'HTML (HyperText Markup Language che nella traduzione letterale significa linguaggio a marcatori per ipertesti) è un linguaggio di markup. Nato per la formattazione e impaginazione di documenti ipertestuali disponibili nel Web 1.0, oggi è utilizzato, principalmente, per il disaccoppiamento tra la struttura e il contenuto della pagina. La rappresentazione della pagina è gestita tramite gli stili CSS per adattarsi alle nuove esigenze di comunicazione e pubblicazione all'interno di Internet.
PAGINE WEB E HTML
Una pagina web è il tipo di documento digitale tramite il quale sono rese disponibili all'utente finale le informazioni del World Wide Web attraverso un browser web. Un insieme di pagine web tra loro relazionate secondo una gerarchia e una struttura ipertestuale e riferibili, di norma, ad un unico web server costituisce un sito web.
In informatica, l'HTML (HyperText Markup Language che nella traduzione letterale significa linguaggio a marcatori per ipertesti) è un linguaggio di markup. Nato per la formattazione e impaginazione di documenti ipertestuali disponibili nel Web 1.0, oggi è utilizzato, principalmente, per il disaccoppiamento tra la struttura e il contenuto della pagina. La rappresentazione della pagina è gestita tramite gli stili CSS per adattarsi alle nuove esigenze di comunicazione e pubblicazione all'interno di Internet.
L'HTML è un linguaggio di pubblico dominio, la cui sintassi è stabilita dal World Wide Web Consortium (W3C). È derivato dall'SGML, un metalinguaggio finalizzato alla definizione di linguaggi utilizzabili per la stesura di documenti destinati alla trasmissione in formato elettronico. La versione attuale, la quinta, è stata rilasciata dal W3C nell'ottobre 2014.
Il motivo principale che ha spinto il W3C e i suoi membri a sviluppare HTML5 è stato il bisogno di fornire direttamente le funzionalità che in precedenza erano fruibili tramite estensioni proprietarie all'esterno dei browser, come Adobe Flash e simili. Un secondo obiettivo che gli sviluppatori si erano prefissati è stato quello di garantire una maggiore compatibilità tra i diversi browser, indipendentemente dalla piattaforma software utilizzata, e principalmente mirata all'espansione dei dispositivi mobili.
Il motivo principale che ha spinto il W3C e i suoi membri a sviluppare HTML5 è stato il bisogno di fornire direttamente le funzionalità che in precedenza erano fruibili tramite estensioni proprietarie all'esterno dei browser, come Adobe Flash e simili. Un secondo obiettivo che gli sviluppatori si erano prefissati è stato quello di garantire una maggiore compatibilità tra i diversi browser, indipendentemente dalla piattaforma software utilizzata, e principalmente mirata all'espansione dei dispositivi mobili.
HTML non è un linguaggio di programmazione ma un sistema di markup, poiché si basa su codici di marcatura, detti tag che, inseriti in un testo, ne determinano le caratteristiche di formattazione. Il browser legge ed elabora il testo in base ai tag, generando la pagina web come noi la vediamo.
Un tag è un carattere o una breve parola racchiusa tra parentesi angolari cioè i segni < e >. Sono tag, ad esempio, <font>, <b>, <br>, ecc...
Un tag è un carattere o una breve parola racchiusa tra parentesi angolari cioè i segni < e >. Sono tag, ad esempio, <font>, <b>, <br>, ecc...
Loading...
STRUTTURA DELLA PAGINALoading...
Normalmente le pagine web consistono in una "testa", in inglese head e un "corpo", detto anche body. L'head viene usata per testo e tag che non vengono mostrati direttamente sulla pagina. Il body viene usato per testo e tag che sono visibili direttamente sulla pagina. In pratica, tutte le pagine web hanno un tag all'inizio e alla fine, che indicano al browser l'inizio e la fine del documento. Il codice più semplice - quello che userai per ogni pagina che farai, è questo:
Loading...
Loading...
I COLORI IN HTML Loading...
Loading...
I colori in HTML si possono esprimere in due modi:° in formato RGB (Red, Green, Blue);
°indicandone il nome.
Il primo si basa sulla combinazione dei tre colori fondamentali Rosso, Verde e Blu per ottenere un qualsiasi colore nella gamma di quelli disponibili.
Viene specificato un colore esadecimale nel modo seguente: #RRGGBB.
RR (rosso), GG (verde) e BB (blu) sono numeri interi esadecimali compresi tra 00 e FF che specificano l'intensità del colore.
Ad esempio, #0000FF viene visualizzato come blu, perché il componente blu è impostato sul valore più alto (FF) e gli altri sono impostati su 00.
La seconda possibilità, non compatibile con tutti i browser, permette di indicare direttamente il nome del colore desiderato (naturalmente in inglese).
Loading...
ATTRIBUTI DEL TAG "BODY"
La sezione BODY è molto importante nel linguaggio HTML poiché racchiude tutti i contenuti ipertestuali ( testo , link, immagini, Tag HTML, ecc. ) che saranno visualizzati sul browser dell'utente. In un documento HTML la sezione è delimitata dal Tag di apertura <body> e dal Tag di chiusura </body> . È una delle sezioni più importanti di un documento.
Qui di seguito possiamo vedere un esempio di collocazione della sezione BODY all'interno del documento HTML.
<HTML>
<HEAD>
<TITLE>titolo di un documento html</TITLE>
</HEAD>
<BODY>contenuto del documento</BODY>
</HTML>
Il Tag body può essere accompagnato da diversi attributi che consentono di modificare la grafica del documento.
I principali attributi del tag body sono i seguenti:
Bgcolor: consente di cambiare il colore dello sfondo del documento html;
Background: permette di inserire una immagine come sfondo del documento html;
Text: questo attributo permette di cambiare il colore del testo del documento html;
Link: è l'attributo che consente di cambiare il colore dei link del documento;
Alink: quando si clicca su un link quest'ultimo cambia colore fin quando l'utente non alza il dito dal pulsante del mouse . L'attributo Alink consente di personalizzare questo colore;
Vlink: è l'attributo che modifica il colore dei link del documento già cliccati da parte dell'utente.
Gli attributi del Tag BODY sono ormai poco utilizzati e il Tag body è generalmente utilizzato in modo semplice (<body> ) e senza alcun attributo, poiché gli stessi effetti grafici possono essere realizzati utilizzando il linguaggio CSS. Il linguaggio CSS è molto più potente e versatile.
I principali attributi del tag body sono i seguenti:
Bgcolor: consente di cambiare il colore dello sfondo del documento html;
Background: permette di inserire una immagine come sfondo del documento html;
Text: questo attributo permette di cambiare il colore del testo del documento html;
Link: è l'attributo che consente di cambiare il colore dei link del documento;
Alink: quando si clicca su un link quest'ultimo cambia colore fin quando l'utente non alza il dito dal pulsante del mouse . L'attributo Alink consente di personalizzare questo colore;
Vlink: è l'attributo che modifica il colore dei link del documento già cliccati da parte dell'utente.
Gli attributi del Tag BODY sono ormai poco utilizzati e il Tag body è generalmente utilizzato in modo semplice (<body> ) e senza alcun attributo, poiché gli stessi effetti grafici possono essere realizzati utilizzando il linguaggio CSS. Il linguaggio CSS è molto più potente e versatile.
Il Tag body può essere accompagnato da diversi attributi che consentono di modificare la grafica del documento.
I principali attributi del tag body sono i seguenti:
Bgcolor: consente di cambiare il colore dello sfondo del documento html;
Background: permette di inserire una immagine come sfondo del documento html;
Text: questo attributo permette di cambiare il colore del testo del documento html;
Link: è l'attributo che consente di cambiare il colore dei link del documento;
Alink: quando si clicca su un link quest'ultimo cambia colore fin quando l'utente non alza il dito dal pulsante del mouse . L'attributo Alink consente di personalizzare questo colore;
Vlink: è l'attributo che modifica il colore dei link del documento già cliccati da parte dell'utente.
Gli attributi del Tag BODY sono ormai poco utilizzati e il Tag body è generalmente utilizzato in modo semplice (<body> ) e senza alcun attributo, poiché gli stessi effetti grafici possono essere realizzati utilizzando il linguaggio CSS. Il linguaggio CSS è molto più potente e versatile.
I principali attributi del tag body sono i seguenti:
Bgcolor: consente di cambiare il colore dello sfondo del documento html;
Background: permette di inserire una immagine come sfondo del documento html;
Text: questo attributo permette di cambiare il colore del testo del documento html;
Link: è l'attributo che consente di cambiare il colore dei link del documento;
Alink: quando si clicca su un link quest'ultimo cambia colore fin quando l'utente non alza il dito dal pulsante del mouse . L'attributo Alink consente di personalizzare questo colore;
Vlink: è l'attributo che modifica il colore dei link del documento già cliccati da parte dell'utente.
Gli attributi del Tag BODY sono ormai poco utilizzati e il Tag body è generalmente utilizzato in modo semplice (<body> ) e senza alcun attributo, poiché gli stessi effetti grafici possono essere realizzati utilizzando il linguaggio CSS. Il linguaggio CSS è molto più potente e versatile.
TAG FONT
Il Tag font serve ad impostare, in HTML puro, quindi non con i CSS, stili "al volo" ad elementi di testo.
La sintassi base è la seguente:
<font>Ciao mondo</font>
Supporta gli attributi color, size e face che specificano rispettivamente il colore, le dimensioni ed il carattere del testo compreso tra i tag di apertura e chiusura <font>.
Un esempio completo:
<font color="#FFOOOO" size="2" face="Verdana">Ciao mondo</font>
La sintassi base è la seguente:
<font>Ciao mondo</font>
Supporta gli attributi color, size e face che specificano rispettivamente il colore, le dimensioni ed il carattere del testo compreso tra i tag di apertura e chiusura <font>.
Un esempio completo:
<font color="#FFOOOO" size="2" face="Verdana">Ciao mondo</font>
Una volta deciso il tipo di sfondo (immagine o colore) che si vuole utilizzare nella/e pagina/e, il passo successivo è di scegliere il colore che verrà utilizzato nella stesura del testo. Si utilizza il comando TEXT all'interno del tag <BODY>.
Come per BGCOLOR, anche a TEXT possono essere attribuiti sia i valori esadecimali dei colori, sia la parola inglese del colore prescelto; se si vuole utilizzare, ad esempio, il colore bianco per il testo, si può inserire uno di questi due tags:
<BODY bgcolor="#000000" text="#FFFFFF">
<BODY bgcolor="#000000" text="white">
Una volta dato questo comando, tutto il testo che si avrà nella pagina sarà dello stesso colore, salvo differente dichiarazione in particolari zone del documento. Questo si può fare con il tag <FONT>.
TIPI DI CARATTERE
Una volta deciso il tipo di sfondo (immagine o colore) che si vuole utilizzare nella/e pagina/e, il passo successivo è di scegliere il colore che verrà utilizzato nella stesura del testo. Si utilizza il comando TEXT all'interno del tag <BODY>.
Come per BGCOLOR, anche a TEXT possono essere attribuiti sia i valori esadecimali dei colori, sia la parola inglese del colore prescelto; se si vuole utilizzare, ad esempio, il colore bianco per il testo, si può inserire uno di questi due tags:
<BODY bgcolor="#000000" text="#FFFFFF">
<BODY bgcolor="#000000" text="white">
Una volta dato questo comando, tutto il testo che si avrà nella pagina sarà dello stesso colore, salvo differente dichiarazione in particolari zone del documento. Questo si può fare con il tag <FONT>.
I FONT DI STILE
Tra le 2 virgolette ho riportato la parte del codice che comprende il tipo di font di un testo. Di fianco, (dopo il trattino) seguono degli esempi :)
"font-family: Arial, Helvetica, sans-serif;" - Arial
"font-family: 'Arial Black', Gadget, sans-serif;" - Arial Black
"font-family: 'Bookman Old Style', serif;" - Bookman Old Style
"font-family: 'Comic Sans MS', cursive;" - Comic Sans MS
"font-family: Courier, monospace;" - Courier
"font-family: 'Courier New', Courier, monospace;" - Courier New
"font-family: Garamond, serif;" - Garamond
"font-family: Georgia, serif;" - Georgia
"font-family: Impact, Charcoal, sans-serif;" - Impact
"font-family: 'Lucida Console', Monaco, monospace;" - Lucida Console
"font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;" - Lucida Sans
"font-family: 'MS Sans Serif', Geneva, sans-serif;" - MS Sans Serif
"font-family: 'MS Serif', 'New York', sans-serif;" - MS Serif
"font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;" - Platino Linotype
"font-family: 'Times New Roman', Times, serif;" - Times New Roman
"font-family: 'Trebuchet MS', Helvetica, sans-serif;" - Trebuchet MS
"font-family: 'Verdana, Geneva, sans-serif;" – Verdana
"font-family: 'Arial Black', Gadget, sans-serif;" - Arial Black
"font-family: 'Bookman Old Style', serif;" - Bookman Old Style
"font-family: 'Comic Sans MS', cursive;" - Comic Sans MS
"font-family: Courier, monospace;" - Courier
"font-family: 'Courier New', Courier, monospace;" - Courier New
"font-family: Garamond, serif;" - Garamond
"font-family: Georgia, serif;" - Georgia
"font-family: Impact, Charcoal, sans-serif;" - Impact
"font-family: 'Lucida Console', Monaco, monospace;" - Lucida Console
"font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;" - Lucida Sans
"font-family: 'MS Sans Serif', Geneva, sans-serif;" - MS Sans Serif
"font-family: 'MS Serif', 'New York', sans-serif;" - MS Serif
"font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;" - Platino Linotype
"font-family: 'Times New Roman', Times, serif;" - Times New Roman
"font-family: 'Trebuchet MS', Helvetica, sans-serif;" - Trebuchet MS
"font-family: 'Verdana, Geneva, sans-serif;" – Verdana