Ecco qualcosina di HTML, utile soprattutto se si vuol dare dei certi effetti ai testi e non si sa come si fa, non è comunque indispensabile da sapere.
Andare a capo: Inserire una linea di separazione: Testo in apice:Risultato: E=mc
2Testo in pedice:Risultato: H
2O
Scrivere in corsivo:Risultato:
corsivoScrivere in grassetto:Risultato:
grassettoScrivere sottolineato:CODICE
<u>sottolineato</u>
Risultato:
sottolineatoScritta barrata:CODICE
<strike>barrato</strike>
Risultato:
barratoCentra una scritta/immagine/video ecc:CODICE
<center>scritta</center>
Risultato:
scrittaParagrafo:
Sposta a destra una scritta/immagine/video ecc:CODICE
<p align="right">scritta</p>
Risultato:
scritta
Colorare una parola o una singola frase:CODICE
<font color="nome del colore in inglese in questo caso uso il blu">scritta</color>
Risultato:
scrittaScrivere un testo scorrevole verso destra:CODICE
<marquee direction="right" >scritta</marquee>
Risultato:
Scrivere un testo scorrevole verso sinistra:CODICE
<marquee direction="left" >scritta</marquee>
Risultato:
Scrivere un testo scorrevole verso su:CODICE
<marquee direction="up" >scritta</marquee>
Risultato:
Scrivere un testo scorrevole verso giù:CODICE
<marquee direction="down" >scritta</marquee>
Risultato:
Alone intorno al testo:CODICE
<div style="width:100%; filter:glow(color=FF0000)">testo con l'alone</div>
Risultato:
testo con l'alone
N.B: Dovete sostituire ai numeri presenti in filter: glow(color=000000) il colore di cui volete che sia l'alone.
Testo al contrario,verticale:CODICE
<div style="width:100%; filter:flipv">testo al contrario</div>
Risultato:
testo al contrario
Testo con ombra:CODICE
<div style="width:100%; filter:blur">testo con ombra</div>
Risultato:
testo con ombra
Testo con ombra proiettata:CODICE
<div style="width:100%; filter:shadow(color=FF0000)">testo con ombra</div>
N.B: Dovete sostituire ai numeri presenti in filter: shadow(color=000000) il colore di cui volete che sia l'alone.
Risultato:
testo con ombra
Testo con ombra singola per lettera:CODICE
<div style="width:100%; filter:dropshadow(color=FF0000)">testo con ombra</div>
N.B: Dovete sostituire ai numeri presenti in filter: dropshadow(color=000000) il colore di cui volete che sia l'alone.
Risultato:
testo con ombra
Codice per fare un banner:CODICE
<a href="link dove vuoi che porti l'immagine"><img src="link dell'immagine " border="0" alt="scritta che vuoi che appaia sul banner al passaggio del puntatore" /></a>
Mettere un ImmagineCODICE
<img src="Indirizzo Immagine">
Mettere un immagine Come SfondoCODICE
<body background="imgSfondo.gif">
Impostare il colore del testo per tutta la pagina Le mappe Di immagineVediamo un esempio: abbiamo preso la cartina dell’Italia e – a scopo puramente didattico – abbiamo deciso di mappare la Regione Valle D’Aosta con una forma rettangolare, la Sardegna con un cerchio, e la Sicilia con un poligono (per rendervene conto passate il mouse su una di queste regioni).
Questo sarebbe il codice:
CODICE
<img alt="Esempio di immagine con mappe" src="italia.gif" width="220" height="235" border="1" usemap="#regioni">
<map name="regioni" id="regioni">
<area shape="rect" coords="14, 24, 35, 37" href="http://www.regione.vda.it/" target="_blank" alt="Valle d'Aosta">
<area shape="circle" coords="45, 156, 29" href="http://www.regione.sardegna.it/" target="_blank" alt="Sardegna">
<area shape="poly" coords="105, 199, 115, 197, 121, 200, 131, 201, 139, 198, 150, 197, 156, 195, 151, 201, 145, 209, 148, 212, 150, 219, 152, 225, 147, 227, 144, 231, 128, 221, 119, 219, 113, 212, 108, 212, 102, 210, 98, 205" href="http://www.regione.sicilia.it/" target="_blank" alt="Sicilia">
</map>
le coordinate fanno riferimento all’immagine stessa, e il vertice in alto a sinistra è l’ipotetico punto con coordinate 0,0. Le coordinate dei punti che descrivono le varie forme si riferiscono alla distanza in pixel da quel punto (si tratterà di volta in volta della x o della y).
Come si può vedere per definire un’area è necessario specificare una forma, che può essere di tre tipi:
Forma Descrizione
rettangolare
è necessario specificare alcune coordinate del rettangolo per individuare i veritici. In particolare sono da specificare (in quest’ordine):
la x del lato di sinistra
la y del lato alto
la x del lato destro
la y del lato in basso
circolare
è necessario specificare le coordinate del centro (x e y) e la misura del raggio (in pixel)
poligonali
è necessario specificare tutte le coordinate del poligono a coppie
Per ora è tutto