CODICI HTML COMUNI

« Older   Newer »
  Share  
_BEAR_
view post Posted on 11/1/2012, 21:48     +1   -1




È 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>
<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 immagine/testo
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
<del>testo</del>


Colore testo
CODICE
<span style="color: COLORE">testo</span>


Dimensione testo
CODICE
<span style="font-size: DIMENSIONE">testo</span>


Font testo
CODICE
<span style="font-family: FONT">testo</span>


Cambiare colore, dimensione, font ad un testo
CODICE
<span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span>


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


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


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

Si può cambiare disc con circle o square

  • Ecco

  • come viene

  • con disc


  • Ecco

  • come viene

  • con circle


  • Ecco

  • come viene

  • con square


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

  • Ecco

  • come viene

  • la lista numerata



  • Area di testo
    CODICE
    <textarea>testo</textarea>


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


    Valori tipici del campo type
    text
    password
    checkbox
    radio 1 2

    Menù a tendina
    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
    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>
     
    Top
    0 replies since 11/1/2012, 21:48   283 views
      Share