HTML è un linguaggio che si può utilizzare nei messaggi del forum e nei pannelli amministrativi per formattare testo e immagini.
L'elemento base del linguaggio è il tag, una parola chiave racchiusa da simbolo di minore < e maggiore >
esempio: Spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag d'apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo <.
esempio: CODICE
<b>testo in grassetto</b>
Elenco tag HTML comuni
Accapo: Linea: Immagine: CODICE
<img src="http://indirizzo_immagine">
L'immagine deve essere online
Collegamento a una pagina web o file: CODICE
<a href="http://indirizzo_sito">testo</a>
Collegamento a un punto della pagina: CODICE
<a name="target"></a>
CODICE
<a href="#target">testo</a>
Immagine con collegamento: CODICE
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>
Centrare un'immagine o un testo: CODICE
<div align="center">immagine/testo</div>
Immagine o testo in movimento: CODICE
<marquee direction="up" scrollAmount=1 height="100%" width="70%">immagine/testo</marquee>
direction indica la direzione
scrollAmount indica la velocità
height indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina
Immagine o testo in movimento che si ferma al passaggio del mouse: CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>
questo codice non può essere inserito nella firma
Immagine o testo in movimento che rallenta al passaggio del mouse: CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>
Testo in grassetto: Testo in corsivo: Testo sottolineato: Testo barrato: Colore testo: CODICE
<font color="colore">testo</font>
Dimensione testo: CODICE
<font size="dimensione">testo</font>
Font testo: CODICE
<font face="font da utilizzare">testo</font>
Cambiare colore, dimensione, font ad un testo: CODICE
<font color="colore" size="dimensione" face="font da utilizzare">testo</font>
Testo con alone: (visibile solo con Internet Explorer)
CODICE
<div style="width:100%;filter:glow(color=colore)">testo</div>
Testo sfumato: (visibile solo con Internet Explorer)
CODICE
<div style="width:100%;filter:blur">testo</div>
Testo lampeggiante: CODICE
<blink>testo</blink>
Lista: CODICE
<ul type="disc"> <li>voce</li> <li>voce</li> <li>voce</li> </ul>
Si può cambiare "disc" con "circle" o "square"
Lista numerata: CODICE
<ol> <li>voce</li> <li>voce</li> <li>voce</li> </ol>
Area di testo: CODICE
<textarea>testo</textarea>
Input: CODICE
<input type="" value="testo">
Menù a tendina: 1 2 3 CODICE
<select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>
Pulsante: testo CODICE
<button>testo</button>
Testo apice : Testo pedice : Iframe: (includere una pagina esterna nel proprio forum)
CODICE
<iframe src="http://indirizzopagina" width="100" height="100"></iframe>
Scoll bar:
CODICE
<div style="height: 250px; width: 350px; overflow:auto;">INSERISCI QUI IL CONTENUTO (IMMAGINI O TESTO)</div>
Immagine di sfondo per la firma:
CODICE
<div style="background-image: url('inserite qui l'url dell'imagine scelta'); display: block;">LA VOSTRA FIRMA</div>
Colore di sfondo per la firma:
CODICE
<div style="backgorund-color: COLORE SCELTO; display: block;">CONTENUTO DELLA FIRMA</div>
Cornice piena:
CODICE
<fieldset style="border: 2px double blue;"><legend style="color: green;">Titolo</legend>Come vedete potete anche modificare i colori.</fieldset>
Titolo Come vedete potete anche modificare i colori.Cornice doppia:
CODICE
<div style="border: 3px white; border-style: double;">Inserite qui il testo.</div>
Inserite qui il testo.
Cornice a puntini:
CODICE
<div style="border: 3px white; border-style: dotted;">Inserire qui il testo.</div>
Inserire qui il testo.
Cornice a trattini:
CODICE
<div style="border: 3px white; border-style: dashed;">Inserire qui il testo.</div>
Inserire qui il testo.
Cornice in rilievo:
CODICE
<div style="border: 3px white; border-style: ridge;">Inserire qui il testo.</div>
Inserire qui il testo.
Immagine affiancata dal testo :
CODICE
<div style="float: left; margin-right: 4px">*immagine*</div>*Testo da affiancare*
Edited by .~*Ryuzaki*~. - 20/3/2011, 22:13