Basi HTML, da Wiki-Forumfree

« Older   Newer »
  Share  
N3er4
view post Posted on 1/12/2010, 16:28




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



Elenco tag HTML comuni
Accapo
HTML
CODICE
<br>


Linea
HTML
CODICE
<hr>


Immagine image
HTML
CODICE
<img src="http://indirizzo_immagine">

l'immagine deve essere online

Collegamento a una pagina web o file
HTML
CODICE
<a href="http://indirizzo_sito">testo</a>



Collegamento a un punto della pagina
HTML
CODICE
<a name="target"></a>

HTML
CODICE
<a href="#target">testo</a>





Immagine con collegamento image
HTML
CODICE
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>



Centrare un'immagine o un testo
HTML
CODICE
<div align="center">immagine/testo</div>



Immagine o testo in movimento
HTML
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
HTML
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
HTML
CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>



Testo in grassetto
HTML
CODICE
<b>testo</b>



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



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



Testo barrato
HTML
HTML
<del>testo</del>



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



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



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



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



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



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



Lista
HTML
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
HTML
CODICE
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>


1. Ecco
2. come viene
3. la lista numerata



HTML
CODICE
<textarea>testo</textarea>


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


CITAZIONE
Valori tipici del campo type
text
password
checkbox
radio 1 2


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



Pulsante testo
HTML
CODICE
<button>testo</button>



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



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



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


Fonte: www.forumfree.it/?wiki=HTML
 
Top
0 replies since 1/12/2010, 16:28   190 views
  Share