11/01/2012

Guida Dei Codici HTML

html.png

Allineare il testo:

<p align="left">testo</p> <- Testo allineato a sinistra

<p align="right">testo</p> <- Testo allineato a destra

<p align="justify">testo</p> <- Testo giustificato


___________________________________________________________________
Andare a capo:

<br> e </br> in fondo al testo.

Per saltare una riga occorre scrivere due volte <br>


___________________________________________________________________
Stile:

Grassetto <b>testo</b>

Corsivo <i>testo</i>

Sottolineato <u>testo</u>

Barrato <strike>testo</strike>

Testo in apice <sup>testo</sup>

Testo in pedice <sub>testo</sub>


___________________________________________________________________
Scegliere il font del testo:

<font face="Nome del carattere">testo</font>

(per esempio <font face="Arial">testo</font>, mi raccomando fate particolare attenzione alle minuscole e alle maiuscole del nome del carattere, altrimenti il carattere potrebbe non essere riconosciuto)

___________________________________________________________________
Scegliere il colore del testo:

<font color="codice esadecimale">testo</font>

(per esempio <font color="#FFFFFF">testo</font> dove #FFFFFF in questo caso corrisponde al colore bianco. Ecco un sito dove potete trovare i codici esadecimali cliccate qui

___________________________________________________________________
Scegliere le dimensioni del testo:

<font size="Numero da 1 a 7">testo</font>


___________________________________________________________________
Collegato ipertestuale:

<a href="L'url del link">testo</a>


___________________________________________________________________
per creare i bottoni:

<div id="code" align="left"><a href=INDIRIZZO WEB DA INSERIRE # style="text-decoration: none;"><input value="NOME CHE DEVE COMPARIRE SUL BOTTONE" type="button"></a></div>

 
 ESEMPIO

___________________________________________________________________
per centrare la scritta:

<DIV align=center>TESTO</DIV>

 

___________________________________________________________________
Come inserire immagini prese da internet:

<img src="http://indirizzo_immagine">

 

___________________________________________________________________
Come creare un link:

<a href="http://www.tuosito.it">visita il mio sito!</a>

 

___________________________________________________________________
Link ad indirizzo email:

<a href="mailto:nome@email.it">nome@email.it</a>

 

___________________________________________________________________
Come inserire un banner:

<a href="http://www.tuosito.it"><img src="http://indirizzo_immagine"></a>