CODICI HTML

« Older   Newer »
  Share  
SweetyKaggy91
view post Posted on 22/2/2011, 18:45     +1   -1




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:
CODICE
<br>


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:
CODICE
<br>


Linea:
CODICE
<hr>


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:
CODICE
<b>testo</b>


Testo in corsivo:
CODICE
<i>testo</i>


Testo sottolineato:
CODICE
<u>testo</u>


Testo barrato:
CODICE
<s>testo</s>


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:
CODICE
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>


Pulsante:
CODICE
<button>testo</button>


Testo apice:
CODICE
<sup>...</sup>


Testo pedice:
CODICE
<sub>...</sub>


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>

TitoloCome 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
 
Top
ReinaSilverClaymore
view post Posted on 23/2/2011, 09:32     +1   -1




Questa parte dei codici mi sarà davvero molto utile xD Grazie mille *w*
 
Top
SweetyKaggy91
view post Posted on 23/2/2011, 10:25     +1   -1




di nulla ^-^ è un piacere essere utili agli altri ^-^
 
Top
JunkoNoSekai
view post Posted on 23/2/2011, 20:46     +1   -1




Grazie mille!! *----* Imparerò tutto!! **
 
Top
3 replies since 22/2/2011, 18:45   305 views
  Share