Ebook su html
Botrugno Aurora, Di Blasio Antonio, Greco Luca, Vizzi Noemi
Loading...
INDICEPAGINE 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
Loading...
Loading...
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.
Loading...
PAGINE WEB E HTMLLoading...
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...
STRUTTURA DELLA PAGINA
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:
I COLORI IN HTML
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).
° 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).
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.