Elenco tag HTML più comuni

« Older   Newer »
 
  Share  
.
  1.     Top   Dislike
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    4,329
    Crediti HRF
    +42
    Location
    Napoli

    Status
    Offline
    L'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 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>

    1. Ecco

    2. come viene

    3. 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

    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 pendice
    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 7/3/2014, 12:34   16 views
  Share  
.