www.futuresquare.net

È 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:
<b>testo in grassetto</b>


Elenco tag HTML comuni

Accapo

Code: Select all

<br>

Linea
<hr>

Code: Select all

<hr>

Immagine

Code: Select all

<img src="http://indirizzo_immagine">

l'immagine deve essere online

Collegamento a una pagina web o file

Code: Select all

<a href="http://indirizzo_sito>testo</a>

Immagine con collegamento

Code: Select all

<a href="http://indirizzo_sito>http://indirizzo_immagine</a>

Centrare un'immagine o un testo

Code: Select all

<div align="center">immagine/testo</div>

Immagine o testo in movimento

Code: Select all

<marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>

direction indica la direzione
scrollAmount indica la velocità
heigth indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina

Testo in grassetto

Code: Select all

<b>testo</b>

Testo in corsivo

Code: Select all

<i>testo</i>

Testo sottolineato

Code: Select all

<u>testo</u>

Testo barrato

Code: Select all

<s>testo</s>

Colore testo

Code: Select all

<font color="colore(nell' esempio red)">testo</font>

Dimensione testo

Code: Select all

<font size="dimensione">testo</font>

Font testo

Code: Select all

<font face="font da utilizzare">testo</font>

Cambiare colore, dimensione, font ad un testo

Code: Select all

<font color="colore" size="dimensione" face="font da utilizzare">testo</font>

Testo con alone (visibile solo da Internet Explorer)
<div style="width:100%;filter:glow(color=colore)">testo</div>


Testo sfumato (visibile solo da Internet Explorer)
<div style="width:100%;filter:blur">testo</div>


Lista

Code: Select all

<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

Si può cambiare disc con circle o square

<ul type="disc">
<li>Ecco</li>
<li>come viene</li>
<li>con disc</li>
</ul>

<ul type="circle">
<li>Ecco</li>
<li>come viene</li>
<li>con circle</li>
</ul>

<ul type="square">
<li>Ecco</li>
<li>come viene</li>
<li>con square</li>
</ul>

Lista numerata
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

Code: Select all

<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

Area di testo
<textarea>testo</textarea>

Code: Select all

<textarea>testo</textarea>

Input
<input type="text" value="testo">

Code: Select all

<input type="" value="testo">

Valori tipici del campo type
text
password
checkbox
radio 1 2


Menù a tendina
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Code: Select all

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

Pulsante testo
<button>testo</button>

Code: Select all

<button>testo</button>

Testo apice
testo^...

Code: Select all

<sup>...</sup>

Testo pedice
testo_...

Code: Select all

<sub>...</sub>

Iframe (includere una pagina esterna nel proprio forum)
<iframe src="http://indirizzopagina" width="100" height="100"></iframe>