Html

Materie:Riassunto
Categoria:Informatica

Voto:

1.5 (2)
Download:77
Data:26.05.2005
Numero di pagine:5
Formato di file:.doc (Microsoft Word)
Download   Anteprima
html_4.zip (Dimensione: 10.05 Kb)
trucheck.it_html.doc     53 Kb
readme.txt     59 Bytes


Testo

Html
HTML (Hyper Text Markup Language) è il linguaggio con cui le pagine web vengono scritte e progettate per essere poi interpretata dai principali browser presenti sul mercato.
L’HTML non è nato per essere un linguaggio di programmazione, ma per essere un linguaggio di visualizzazione: a tutt’oggi è il linguaggio del web e quindi se si vuole costruire un sito o una pagina web bisogna conoscerlo.
Nel linguaggio HTML per indicare i colori si utilizza la codifica RGB che mette a disposizione 256 colori di sistema per dipingere i testi e gli sfondi. Ogni colore è identificato dal suo valore RGB (red-green-blue):tre numeri che variano da 0 a 255, ognuno dei quali rappresenta l’intensità della componente rossa, verde e blu del colore desiderato.
Esempio:
Il massimo valore per tutti e tre (R=255, G=255, B=255) produce il colore bianco mentre i valori minimi (R=0 G=0 B=0) producono il colore nero.
I codici dei colori sono indicati con i numeri esadecimali (due cifre per R, due per G, due per B)
Ecco qualche colore:
Aqua 00FFFF Blue 0000FF Red FF0000 Gray 808080
Un file HTML è un file di testo in cui sono contenute delle istruzioni dette tag; essi sono indipendenti dal minuscolo e dal maiuscolo.
La struttura essenziale di ogni pagina web comprende i seguenti tag:
Definisce un documento html (si trova all’inizio e alla fine della pagina)
Definisce il titolo che appare alla cima della finestra del browser (il nome della pagina)
Definisce le informazioni di intestazione come il titolo e i meta-tag.
Definisce il corpo del documento HTML
Consente di commentare alcune parti del codice della pagina e può essere inserito in qualsiasi punto.
Sfondo e colori
Per rendere la pagina web più gradevole alla vista si può modificare il colore dello sfondo o inserire un’immagine. Anche i collegamenti ipertestuali che consentono di passare da un documento all’altro possono essere personalizzati modificandone il colore (anche se non è consigliabile perché tutti sono abituati a vedere i link scritti in blu, i link attivi in rosso e quelli visitati in viola)
Definisce un’immagine come sfondo
Definisce il colore di sfondo del documento
Definisce il colore del testo del documento
Definisce il colore dei collegamenti ipertestuali
Definisce il colore dei collegamenti ipertestuali attivi
Definisce i il colore dei collegamenti ipertestuali già visitati
La pagina è resa più leggibile utilizzando piccoli accorgimenti quali la suddivisione del testo in paragrafi, l’allineamento del testo, l’inserimento di una linea orizzontale più o meno spessa per separare due parti della pagina.

Definisce un nuovo paragrafo
Inserisce un ritorno a capo
?=left/center/right
Allinea un paragrafo a sinistra, al centro e a destra.
?=left/right/all
Pulisce il margine sinistro, destro, entrambi.
Inserisce una riga orizzontale
?=left/right/center
Allinea la riga a sinistra, al centro o a destra.
Definisce lo spessore della linea in pixel o in percentuale
Definisce la larghezza della linea in pixel o in percentuale.
Con i seguenti tag invece si indica al browser come deve visualizzare i caratteri: in grassetto, in corsivo, sottolineati, la loro grandezza, il colore e il tipo.
Neretto (bold)
Corsivo (italic)
Sottolineato (underline)
Centrato
Lampeggiante (blinking)

?=da 1 a 7
Grandezza dei caratteri con i valori da 1(più piccolo) a 7 (più grande)
Determina il colore dei caratteri
?=Verdana-Arial-Helvetica
Determina il tipo di carattere
Con questi tag invece si lascia che il browser assegni il proprio formato alla riga (se si tratta di una citazione, se si deve enfatizzare…)
?=da 1 a 6
Sono definiti 6 livelli da 1 a 6
Enfatizza una parola (generalmente in corsivo)
Enfatizza una parola (generalmente in neretto)
Citazione, generalmente in corsivo.
Il font più grande
Il font più piccolo
Blocco di citazioni
Testo pedice
Testo apice
All’interno della pagina web spesso si rende necessaria la creazione di elenchi. Html mette a disposizione due tipi di elenchi:
- l’elenco puntato
- l’elenco numerato
Inizio di una lista non ordinata
?=disc-circle-square
Definisce il simbolo che precede gli elementi della lista(punto pieno,punto vuoto o quadrato nero).
Inizio di una lista numerata.
?=Numero
Definisce il numero di partenza della lista. (valido per tutta la lista).
?=A-a-I-i-1
Tipo di numero: A:lettere maiuscole, a:lettere minuscole, I:numeri romani maiuscoli, i:numeri romani minuscoli,1:numeri arabi.
Prima di ogni elemento della lista
Inizio di una lista di definizioni
Precede ogni termine di definizione
Precede ogni definizione.
I collegamenti ipertestuali consentono di passare agevolmente da un documento a un altro:si creano associando l’indirizzo (percorso/nomefile) a un elemento visualizzato nella pagina corrente che può essere una stringa di testo o un’immagine.
Origine e destinazione di un collegamento ipertestuale.
Collegamento all’ancora Nome presente nel documento esterno.
Collegamento all’ancora nome presente nel documento stesso.
?=_blank-_self-_parent-_top
Collegamento a una finestra.
Definisce un’ancora nel documento
Collegamento a un indirizzo di posta elettronica.
Affinché l’immagine venga visualizzata nella pagina web bisogna specificarne il nome, l’estenzione e l’eventuale percorso (URL).
Inserisce un’immagine
?=top-bottom-middle-left-right
Iserisce un’immagine allineata rispettivamente in alto, fondo, in mezzo, a sinistra o a destra rispetto al testo circostante.
Inserisce un testo da visualizzare quando non viene visualizzata l’immagine
Definisce la larghezza e l’altezza dell’immagine in pixel.
Definisce il bordo dell’immagine (in pixel)
Definisce la quantità di spazio orizzontale e verticale attorno all’immagine (in pixel)
In Html le tabelle si utilizzano non solo per rappresentare dati di ogni genere allineati in righe e colonne ma anche per costruire l’intera struttura di una pagina web.
Definisce una tabella
Grandezza del bordo della tabella in pixel
Spazio tra le celle di una tabella in pixel
Spazio tra il bordo e il contenuto delle celle di una tabella in pixel
?=”pixel” or “%”
Larghezza di una tabella in pixel o in percentuale rispetto alla pagina.
Definisce una riga della tabella
?=left-right-center-middle-bottom
Definisce l’allineamento della riga
Definisce le colonne della tabella
?=”pixel” or “%”
Larghezza di una colonna in pixel o in percentuale rispetto alla tabella.
?=left-right-center-middle-bottom
Definisce l’allineamento della colonna.
?=”colonne”
Estende la cella attraverso il numero di colonne specificato.
?=”righe”
Estende la cella attraverso il numero di righe specificato.
Definisce il colore di sfondo della cella.
Forza il testo di una cella affinché non vada mai a capo.
I frame sono un particolare tipo di struttura HTML che consente di suddividere la finestra del browser in diversi riquadri distinti:in ogni riquadro appare una pagina Html a sé stante.
Dichiara un documento che contiene un frame. Si inserisce al posto di
?=”pixel” or “%” or “*”
Definisce una disposizione orizzontale dei frame. L’altezza delle righe può essere indicata in percentuale, in pixel o in senso relativo.
?=”pixel” or “%” or “*”
Definisce una disposizione verticale dei frame. La larghezza delle colonne può essere indicata in percentuale,in pixel o in senso relativo.

Esempio