Guida HTML fondamentali

« Older Newer »

~MasterPro~ ™

Posted on 12/9/2010, 11:55

User deleted

Ecco una guida ai codici HTML più comuni

Testo in grassetto:

CODICE

<b>*Inserisci qui il testo*</b>

Esempio: Testo Grassetto

- - - - -

Testo in corsivo:

CODICE

<i>*inserisci qui il testo*</i>

Esempio: Scrittura in corsivo

- - - - -

Testo Sottolineato:

CODICE

<u>*inserisci qui il testo*</u>

Esempio: Scrittura sottolineata

- - - - -

Testo Barrato:

CODICE

<s>*Inserisci qui il testo*</s>

Esempio: ~~Testo barrato~~

- - - - -

Testo con carettere diverso:

Ci sono vari caratteri!

Arial

CODICE

[font=Arial]*Inserisci qui il testo*[/font]

Esempio: Testo a carattere Arial

Sostituisci " Arial " con: Times , Courier , Impact , Geneva e Optima per avere diversi caratteri.

- - - - -

Testo con diversa dimensione:

Ci sono diverse dimensioni!
Testo Piccolo:

CODICE

[size=1]*Inserisci qua il testo*[/size]

Esempio: Testo Piccolo

Sostituite l' " 1 " con " 7 " e " 14 " per avere testi Medi e Grandi.

- - - - -

Come centrare un testo:

Ci sono 2 code:

CODICE

<center> *Inserisci qui il testo* </center>

CODICE

<p align="center">*Inserisci qui il testo*</p>

Esempo: Testo centrato

- - - - -

Come fare le scritte scorrevoli:

CODICE

<marquee>*Inserisci qui testo*</marquee>

Esempio: Scritta scorrevole

- - - - -

Come fare scritte scorrevoli a direzione e velocità variabile:

Scritta scorrevole verso sinistra:

CODICE

<marquee direction="left" scrollAmount=7 height="40" width="80%">*Inserisci qui il testo*</marquee>

Esempio:
Scritta scorrevole verso sinistra

Modificate "left" con: right (per scorrere a destra) "up" (per scorrere in sopra) , "down" (per scorrere in basso)

Modificate il numero dopo scrollAmmount= per variare la velocità del testo. Ecco un esempio di una scritta a cui sono state modificate velocità e direzione:

Scritta lenta , direzione "up"

- - - - -

Come fare una scritta scorrevole "impazzita" :

CODICE

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

Esempio:
Scritta scorrevole impazzita

- - - - -

Come fare una scritta rimbalzante:

CODICE

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

Esempio:
Testo rimbalzante

- - - - -

Come allineare il testo a destra / sinistra / centro / giustificato:

CODICE

<p align="left">*inserisci qui il testo*</p>

Esempio:

Testo allineato a Sinistra

Sostituite a " left " : " right " , " center " o " justify " a seconda di dove volete allineare la scritta.

- - - - -

Come inserire un link:

Ci sono 2 modi:

CODICE

<a href="http://www.inserisciqui il sito.it">*Inserisci qui il testo*</a>

CODICE

[URL=http://www.inserisci qui il sito.it]*Inserisci qui il testo*[/URL]

Anche se sostuisci al testo un immagine il risultato non cambia.

- - - - -

Vari tipi di lista:

CODICE

<UL TYPE=disc>
<LI> Prima voce di menu
<LI> Seconda voce di menu
<LI> Terza voce di menu
</UL>

Per una lista puntinata.Se volete, sostituite a "disc" : "circle"(per un cerchio), oppure "square" (per un quadratino).

- - - - -

Inserire filmati e giochi Flash:

CODICE

[FLASH=600,400]indirizzo del file flash[/FLASH]

- - - - -

fare una scritta superiore:

CODICE

<sup>*testo*</sup>

Es. ^{scritta superiore (tm)}

- - - - -

ATTENZIONE:I prossimi code HTML possono essere visualizzati soltando dal browser Internet Explorer

- - - - -

Alone intorno al testo:

CODICE

<div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>

Esempio:

Testo con Alone

Dovete sostituire ai numeri presenti in filter:glow(color=000000) il colore di cui volete che sia l'alone.

- - - - -

Testo al contrario (orizzontale):

CODICE

<div style="width:100%;filter:fliph">*Inserisci qui il testo*</div>

Esempio:

testo al contrario

- - - - -

Testo al contrario (Verticale) :

CODICE

<div style="width:100%;filter:flipv">testo al contrario</div>

Esempio:

testo al contrario

- - - - -

Testo con ombra

CODICE

<div style="width:100%;filter:blur">testo con ombra</div>

Esmpio:

testo con ombra

- - - - -

Testo con ombra proiettata

CODICE

<div style="width:100%;filter:shadow(color=FF0000)">testo con ombra</div>

Esempio:

testo con ombra

- - - - -

Come inserire un "Textarea" :

CODICE

<textarea>*Inserisci qui il testo*</textarea>

Esempio:

- - - - -

Menù a tendina:

CODICE

Sostituire i numeri dopo l'asterisco per modificare le opzioni.

Esempio:

- - - - -

Messaggio con descrizione:

CODICE

<acronym title="inserisci qui la descrizione">*Inserisci qui il testo*</acronym>

Esempio:

Tieni fermo il mouse su questo messaggio per visualizzare la descrizione.

- - - - -

Bottone intorno al testo:

CODICE

<button> *Inserisci qui il testo </button>

Esempio:
- - - - -

Inserire un linea di divisione:
Code molto semplice.Inserite
CODICE
<hr>
dove volete che si divida il post.
Esempio:

Ciao.

Ciao.

- - - - -

Inserire una minitabella:

CODICE

<div style="width: 130px; background-color: *Inserisci qui il colore dello sfondo* ;border: 1px solid #ffffff; font:7pt; color: #9F9F9F">*Inserisci qui il testo*</div>

*Inserisci qui il testo*

Codici colori HTML

Come fare quelle scritte che NON compaiono sulla tastiera:

CODICE

ALT + seguenza numeri su tastiera numerica di destra

Come inserire una scritta lampeggiante:

CODICE

<blink>testo</blink>

Es. Testo luminescente

N.B. nn funziona cn internet explorer

dunque, per inserire uno sfondo che si adatti in dimensione alla vostra firma, dovrete inserire questo codice

CODICE

<div style="BORDER: 3px double #C0C0C0; background-image: url('CODICE DELL'IMMAGINE DA METTERE COME SFONDO')"> CONTENUTO FIRMA</div>

ovviamente, al posto delle scritte in maiuscolo vanno inserite rispettivamente il link dell'immagine di sfondo e il codice della firma.

se, al posto di un'immagine volete uno sfondo a tinta unica, dovrete inserire questo codice:

CODICE

<div style="BORDER: 3px double #C0C0C0; background-color:#COLORE HTML"> CONTENUTO FIRMA</div>

alterando inoltre i caratteri sottolineati di questo codice 3px double #C0C0C0, cambierà il colore del bordo della tabella che racchiude la firma. (i codici dei colori da sostituire, si ottengono da "prendi colore")

esempi:

IMMAGINE DI SFONDO
codice:

CODICE

<div style="BORDER: 3px double #C0C0C0; background-image: url('http://immagini.p2pforum.it/out.php/i264979_sfondoxmaspucci.gif')">[color=red]<b>[IMG]http://immagini.p2pforum.it/out.php/i260550_coro003.gif[/IMG] [size=20][font=Dyspepsia]We Wish you a [color=00C300]M[/color]erry [color=00C300]C[/color]hristmas...[/size][/font]
<p align="right">[size=20][font=Dyspepsia]...and a Happy [color=00C300]N[/color]ew [color=00C300]Y[/color]ear![/font][/size][/color][IMG]http://immagini.p2pforum.it/out.php/i260547_4.gif[/IMG]</p></b></div>

risultato:

We Wish you a Merry Christmas...
...and a Happy New Year!

COLORE DI SFONDO
codice:

CODICE

<div style="BORDER: 3px double #F00050; background-color:#FFE3E3">[IMG]http://i8.tinypic.com/85bgj9j.gif[/IMG]</div>

risultato:

0 replies since 12/9/2010, 11:55 602 views