Codici Html

« Older Newer »

Fitrojoke

Posted on 6/6/2009, 08:32

神

CODICI HTML - Prima Parte

TESTO IN GRASSETTO
Risultato
testo

CODICE

<b> testo</b>

TESTO SOTTOLINEATO
Risultato
testo

CODICE

<u>testo</u>

TESTO IN CORSIVO
Risultato
testo

CODICE

<i>testo</i>

TESTO BARRATO
Risultato
~~testo~~

CODICE

<s>testo</s>

DIMENSIONE TESTO
Risultato
testo

CODICE

[size=DIMENSIONE TESTO] testo[/size]

oppure

CODICE

<font size="DIMENSIONE TESTO">testo</font>

COLORE TESTO
Risultato
testo

CODICE

<font color="#COLORE ESADECIMALE">testo</font>

oppure

CODICE

[color=#COLORE ESADECIMALE]testo[/color]

FONT TESTO
Risultato
testo

CODICE

<font face="FONT TESTO">testo</font>

oppure

CODICE

[font=FONT TESTO]testo[/font]

TESTO LAMPEGGIANTE
Risultato
testo

CODICE

<blink>TESTO LAMPEGGIANTE</blink>

TESTO APICE
Risultato
testo ^apice

CODICE

testo<sup>apice</sup>

TESTO PEDICE
testo _pedice

CODICE

testo<sub>pedice</sub>

TESTO SOVRAPPOSTO
Risultato

TESTO SUPERIORE
TESTO INFERIORE

CODICE

<font style="font-size: DIMENSIONIpx; font-family: FONT TESTO SUPERIORE; color: #COLORE ESADECIMALE; line-height: 20px;">TESTO SUPERIORE</font>
<font style=" font-size: DIMENSIONIpx; font-family: FONT TESTO INFERIORE; color: #COLORE ESADECIMALE;">TESTO INFERIORE</font>

LISTA
Risultato

testo

testo

testo

CODICE

<ul type="disc">
<li>testo</li>
<li>testo</li>
<li>testo</li>
</ul>

NOTA:Si può cambiare disc con circle (per un cerchio) o square (per un quadratino)

TESTO SCORREVOLE
Risultato
Testo scorrevole

CODICE

<marquee>Testo scorrevole</marquee>

TESTO SCORREVOLE CON DIREZIONE E VELOCITA' VARIABILE
Risultato
Testo scorrevole verso sinistra

CODICE

<marquee direction="left" scrollAmount=7 height="40" width="80%">Testo scorrevole verso sinistra</marquee>

NOTA:sostituendo left con up,down o right la scritta scorrerà rispettivamente verso l'alto,il basso o destra;sostituendo il numero di scrollAmount modifichi la velocità di scorrimento.

TESTO SCORREVOLE IMPAZZITA
Risultato
Scritta scorrevole impazzita

CODICE

<marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">*Inserisci qui il testo*</marquee></marquee>

TESTO CHE RIMBALZA
Risultato
Testo rimbalzante

CODICE

<marquee behavior="alternate" width="30%">testo</marquee>

ALLINEARE ELEMENTI A DESTRA/SINISTRA/CENTRO
Risultato

testo/immagine

CODICE

<p align="center">testo/immagine</p>

NOTA:per allineare a destra sostituire center con right, per allineare a sinistra sostituirlo con left.

INSERIRE LINEA DIVISORIA
Risultato

CODICE

<hr>

INSERIRE COLLEGAMENTO IPERTESTUALE (LINK)
Risultato
testo

CODICE

[URL=qui inserite l'indirizzo web]testo[/URL]

INSERIRE UN'IMMAGINE
Risultato

CODICE

[IMG]qui inserite l'URL dell'immagine[/IMG]

oppure

CODICE

IMMAGINE CON COLLEGAMENTO
Risultato

CODICE

oppure

CODICE

[URL=qui inserito l'indirizzo web][IMG]qui inserite l'URL dell'immagine[/IMG][/URL]

INSERIRE UN'AREA DI TESTO
Risultato

CODICE

<textarea>Inserisci qui il testo</textarea>

INSERIRE UN MENU' A TENDINA
Risultato

CODICE

<select>
<option value="1">testo</option>
<option value="2">testo</option>
<option value="3">testo</option>
</select>

INSERIRE UN BOTTONE
Risultato

CODICE

<button> testo</button>

INSERIRE UNA MINITABELLA
Risultato

qui va il testo

CODICE

<div style="width: 130px; background-color: #COLORE SFONDO ;border: 1px solid #ffffff; font:7pt; color: #9F9F9F">qui va il testo</div>

INSERIRE SCROLLBAR
Risultato

il testo
testo
testo
testo
testo
testo
testo
testo
testo

CODICE

<div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">qui va il testo</div>

NOTA:per modificare le dimensioni, basta aumentare o diminuire i valori di HEIGHT e WIDTH.

TESTO CON SFONDO
Risultato

testo

CODICE

<div style="background-color: COLORE SFONDO">[color=COLORE TESTO]testo[/color]</div>

IMMAGINE CON AFFIANCO UN TESTO
Risultato

testo testo
testo testo
testo testo
testo testo
testo testo
testo testo

CODICE

<div style="float: left; margin-right: 10px"><img src="URL dell'immagine"></div>testo

FIRMA CON SFONDO
Se per sfondo volete solo un colore il codice è

CODICE

<div style="background-color:#CODICE COLORE">CONTENUTO FIRMA</div>

Se per sfondo volete un'immagine il codice è

CODICE

<div style="background-image:URL DELL'IMMAGINE">CONTENUTO FIRMA</div>

INSERIRE TABELLA CON BORDI ARROTONDATI
Risultato

TESTO

CODICE

<div style="background-color:#CODICE COLORE SFONDO; color:#CODICE COLORE TESTO; font-size:DIMENSIONE TESTOpx; font-family:FONT TESTO; text-align:left; width:320px; -moz-border-radius: 11px; padding:6px; line-height:8px;"><p align="center"><br>TESTO</p></div>

Edited by Old Master / csa_utu - 27/1/2010, 18:44

S o l o

Posted on 6/6/2009, 09:31

User deleted

CODICI HTML - Seconda Parte

SCROLLBAR ACCANTO AD UN'IMMAGINE
Risultato

testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo

CODICE

<div style="float: left; margin-right: 10px"><img src="URL dell'immagine"></div><div style="OVERFLOW:auto; HEIGHT: 100px; WIDTH: 100px">qui va il testo</div>

BOTTONE CON LINK
Risultato

CODICE

<a href="URL SITO/"><button> TESTO </button></a>

TABELLA
Risulatato

testo	testo	testo	testo	testo

CODICE

<table cellspacing="4" style="background-color:#codice del colore" align="center">

<tr>
<td style="color:#codice del colore;text-align:center;background-color:#cfcfcf">testo</td>
<td style="color:#codice del colore;text-align:center;background-color:#cfcfcf">testo></td>
<td style="color:#codice del colore;text-align:center;background-color:#cfcfcf">testo</td>
<td style="color:#codice del colore;text-align:center;background-color:#cfcfcf">testo</td>
<td style="color:#codice del colore;text-align:center;background-color:#cfcfcf">testo</td>
</tr>

<tr>
<td><img src="link immagine"></td>
<td><img src="link immagine"></td>
<td><img src="link immagine"></td>
<td><img src="link immagine"></td>
<td><img src="link immagine"></td>
</tr></table>

Ecco un po' di XHTML , visto che l'HTML è stato ormai deprecato.

TESTO IN GRASSETTO
Risultato
testo

CODICE

<strong> testo</strong>

oppure

CODICE

<span style="font-weight: bold">testo</span>

TESTO SOTTOLINEATO
Risultato
testo

CODICE

<span style="text-decoration: underline">testo</span>

TESTO IN CORSIVO
Risultato
testo

CODICE

<em>testo</em>

TESTO BARRATO
Risultato
~~testo~~

CODICE

<del>testo</del>

oppure

CODICE

<span style="text-decoration: line-through">testo</span>

DIMENSIONE TESTO
Risultato
testo

CODICE

<span style="font-size: 20pt">testo</span>

COLORE TESTO
Risultato
<strong>testo

CODICE

<span style="color: COLORE ESADECIMALE">testo</span>

FONT TESTO
Risultato
testo

CODICE

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

TESTO LAMPEGGIANTE
Risultato
testo

CODICE

<span style="text-decoration: blink">testo</span>

NOTA: Non funziona con Internet Explorer.

TESTO APICE
Risultato
testoapice

CODICE

testo<span style="vertical-align: sub">apice</span>

TESTO PEDICE
testopedice

CODICE

testo<span style="vertical-align: sub">pedice</span>

TESTO SOVRAPPOSTO
Risultato

TESTO SUPERIORE
TESTO INFERIORE

CODICE

<span style="font-size: DIMENSIONIpx; font-family: FONT TESTO SUPERIORE; color: #COLORE ESADECIMALE; line-height: 20px;">TESTO SUPERIORE</span>
<span style=" font-size: DIMENSIONIpx; font-family: FONT TESTO INFERIORE; color: #COLORE ESADECIMALE;">TESTO INFERIORE</span>

LISTA
Risultato

testo

testo

testo

CODICE

<ul style="list-style: disc">
<li>testo</li>
<li>testo</li>
<li>testo</li>
</ul>

NOTA: Si può cambiare disc con circle (per un cerchio) o square (per un quadratino).

ALLINEARE TESTO A DESTRA/SINISTRA/CENTRO
Risultato

testo

CODICE

<div style="text-align: center; width: 100%">testo</div>

NOTA: Funziona all'interno di tag di blocco. Basta cambiare center in left o right per ottenere l'effetto voluto.

INSERIRE LINEA DIVISORIA
Risultato

CODICE

<hr>

INSERIRE COLLEGAMENTO IPERTESTUALE (LINK)
Risultato
testo

CODICE

<a href="vostro indirizzo" title="Descrizione pagina web">testo</a>

INSERIRE UN'IMMAGINE
Risultato

CODICE

IMMAGINE CON COLLEGAMENTO
Risultato

CODICE

Danken *Dama*

Edited by Old Master / csa_utu - 16/6/2010, 14:50

1 replies since 6/6/2009, 08:32 3538 views