Guida - Codici HTML

Cercherò di fare una guida il più semplice possibile.
A voi basterà sostituire la parola "esempio" con quello che serve.
Innanzi tutto ogni codice va scritto all'interno di questi simboli "<" e ">"
Ora vediamo dai più facili ai meno:

{Indice.}
•1 Testo in grassetto
•2 Testo in corsivo
•3 Testo sottolineato
•4 Testo sbarrato
•5 Immagine
•6 Collegamento o Link
•7 Immagine con Link
•8 Testo centrato
•9 Testo a destra
•10 Testo al contrario {IE only}
•11 Effetto sfocato {IE only}
•12 Effetto infuocato {IE only}
•13 Ombreggiatura {IE only}
•14 Testo con Ombra {IE only}
•15 Elenco con pallini
•16 Elenco con cerchi
•17 Elenco con quadretti
•18 Area di testo con scroll
•19 Bottone
•20 Testo sopra
•21 Testo sotto
•22 Testo in scorrimento orizzontale
•23 Colore di sfondo al testo
•24 Immagine di sfondo al testo
•25 Scrollbar
•26 Testo sovrapposto
•27 Menù a tendina
•28 Testo in un riquadro
•29 Testo in un riquadro 2
•30 Allineamento immagine e testo
•31 Testo in scorrimento verticale
•32 Testo con doppia sottolineatura
•33 Movimento casuale del testo
•34 Testo che rimbalza
•35 Testo lampeggiante
•36 Doppio avatar
•37 Riquadro colorato

•1

Risultato: esempio

•2

Risultato: esempio

•3

Risultato: esempio

•4

Risultato: esempio

•5

Risultato:

•6

Risultato: clicca qui

•7

Risultato:

•8

Risultato:

esempio

•9

Risultato:

esempio

•10

Risultato {visualizzabile solo con Internet Explorer}:

•11

Risultato {visualizzabile solo con Internet Explorer}:

•12

Sostituendo a "CODICE ESADECIMALE" il codice esadecimale del colore, completo di #. {Tabella codici esadecimali colori.}
Sostituendo a "CODICE ESADECIMALE" il valore "#0000FF":
Risultato {visualizzabile solo con Internet Explorer}:

•13

Sostituendo a "CODICE ESADECIMALE" il codice esadecimale del colore, completo di #. {Tabella codici esadecimali colori.}
Sostituendo a "CODICE ESADECIMALE" il valore "#0000FF":
Risultato {visualizzabile solo con Internet Explorer}:

•14

Sostituendo a "CODICE ESADECIMALE" il codice esadecimale del colore, completo di #. {Tabella codici esadecimali colori.}
Sostituendo a "CODICE ESADECIMALE" il valore "#0000FF":
Risultato {visualizzabile solo con Internet Explorer}:

•15

Risultato:

• esempio


• esempio


• esempio

•16

Risultato:

• esempio


• esempio


• esempio

•17

Risultato:

• esempio


• esempio


• esempio

•18

Risultato: esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio esempio

•19

Risultato: esempio

•20

Risultato:^esempio ciao

•21

CODICE

_esempio

Risultato: _esempio ciao

•22

Risultato: esempio

•23

Sostituendo a "CODICE ESADECIMALE" il codice esadecimale del colore, completo di #. {Tabella codici esadecimali colori.}
Sostituendo a "CODICE ESADECIMALE" il valore "#0000FF":
Risultato:

•24

Risultato:

•25

Risultato:

•26

Risultato:

Esempio
Esempio esempio

•27


Risultato:

Esempio 1
Esempio 2
Esempio 3


• 28

Risultato:
Testo in un riquadro:

Titolo riquadro

Testo

• 29

Risultato:


Il primo codice esadecimale serve per il colore della linea superiore, il secondo per quello della linea inferiore.

• 30

Risultato:

! Attenzione: quando hostate un'immagine, affinchè questo codice funzioni correttamente, dovete prendere solo il link diretto!

• 31

Risultato:
Testo
! Sostituendo "up", "left" e "right" alla parola "down" presente nel codice qui fornito, potrete cambiare la direzione dello scorrimento.

• 32

Risultato:


• 33

Risultato:
Movimento casuale del testo

• 34

Risultato:
testo che rimbalza

• 35

Risultato:
Esempio

• 36


• 37


Il codice in verde sono i valori che si possono cambiare, cioè "border: 4px solid #00CCFF; width: 500px;.
• border: 4px solid #00CCFF; è il bordo. Per farlo più grande ovviamente metterete numeri più grandi nel 4px; al posto di solid, che è il bordo pieno, potete mettere dashed (tratteggiato) o dotted (punteggiato), infine al posto di #00CCFF mette il colore esadecimale che preferite.
• width: 500px; è la larghezza del riquadro. Aumentate o abbassate il 500px a piacimento, oppure togliete direttamente la stringa intera per avere un riquadro che occupa tutto lo spazio possibile.

• 38

Risultato:

I valori che potete modificare sono:
-width: larghezza;
-height: lunghezza;
-background-color: colore dello sfondo.
Sostituire il codice esadecimale presente nel codice con quello corrispondente al colore che preferite, scegliendo da QUI.

* * *

{Ritorna all'Indice.}

• Il codice di cui hai bisogno non è presente? Richiedilo qui!
• Problemi con i codici postati? Chiedi aiuto qui! •

Ho scartato quello del cambio carattere e colore.

Edited by Sweet Dragonfly - 28/8/2009, 14:24

Aggiunti:

• Colore di sfondo al testo
• Immagine di sfondo al testo

Aggiunto:

•25 Scrollbar

utilissimo e chiarissimo.
grazie.

Aggiunto:

•26 Testo sovrapposto

Aggiunto:

•27 Menù a tendina

Aggiunto:

•28 Testo in un riquadro

Aggiunto:

•29 Testo in un riquadro 2

Aggiunto:

•30 Allineamento immagine e testo

Aggiunto:

•31 Testo in scorrimento verticale

Aggiunto:

•32 Testo con doppia sottolineatura

Aggiunto:

•33 Movimento casuale del testo
•34 Testo che rimbalza

Aggiunto:

•35 Testo lampeggiante

Aggiunto:

•36 Doppio avatar

Aggiunto:

•37 Riquadro colorato

(spiegazione fornita da `sbiby)