W2O – Web allo stato puro

Codici Html i più comuni

html
Elenco tag HTML comuni

Accapo

<br>

Linea

<hr>

Immagine

<img src=“http://indirizzo_immagine”>

l’immagine deve essere online

Collegamento a una pagina web o file

<a href=“http://indirizzo_sito”>testo</a>

Collegamento a un punto della pagina

<a name=“target”></a>
<a href=“#target”>testo</a>

Immagine con collegamento

<a href=“http://indirizzo_sito”><img src=“http://indirizzo_immagine”></a>

Centrare un’immagine o un testo

<div align=“center”>immagine/testo</div>

Immagine o testo in movimento

<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

<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

<marquee scrollamount=‘5’ onMouseover=‘this.scrollAmount=1’ onMouseout=‘this.scrollAmount=5’>immagine/testo</marquee>

Testo in grassetto

<b>testo</b>

Testo in corsivo

<i>testo</i>

Testo sottolineato

<u>testo</u>

Testo barrato

<del>testo</del>

Colore testo

<span style=“color: COLORE”>testo</span>

Dimensione testo

<span style=“font-size: DIMENSIONE”>testo</span>

Font testo

<span style=“font-family: FONT”>testo</span>

Cambiare colore, dimensione, font ad un testo

<span style=“color: COLORE; font-size: DIMENSIONE; font-family: FONT”>testo</span>

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

<ul type=“disc”>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

Si può cambiare disc con circle o square
Lista numerata

<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>
  1. Ecco
  2. come viene
  3. la lista numerata

Area di testo

<textarea>testo</textarea>

Input

<input type=“” value=“testo”>
CITAZIONE
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>

Pulsante

<button>testo</button>

Testo apice

<sup></sup>

Testo pedice

<sub></sub>

Iframe (includere una pagina esterna nel proprio forum)

<iframe src=“http://indirizzopagina” width=“100” height=“100”></iframe>
Exit mobile version