Codici Html basilari

Codici HTML Basilari

Come andare a capo:


Come inserire una linea di separazione:




Come creare un link:


Si può sostituire la scritta con un'immagine, il risultato non cambia, tutto ciò che si trova fra i due tags darà un link al sito.
TARGET: serve per fare aprire il link in un'altra finestra:




Come inserire immagini prese da internet:


Per prendere l'indirizzo clicca con il tasto destro sull'immagine, seleziona "proprietà", copia e incolla l'indirizzo.
Nota: per prendere immagini dall'hard disk bisogna prima metterle su un vostro spazio web oppure bisogna allegarle

Come inserire un'immagine con link:



Caricare video, audio o immagini su internet:
Devi rivolgerti a un servizio di upload.
Qui ce ne sono parecchi:
www.freeonline.org/dir/c-343/Hard.....Disk%20virtuali
Seguendo le istruzioni del servizio che hai scelto per il caricamento del file, otterrai l'indirizzo da inserire nei codici qui sotto proposti.

Come allineare il testo a destra|sinistra|centro|giustificato(allargato su tutta la riga):


Cambiare center, left, right e justify a seconda dei casi.

Come ingrandire un testo/cambiarne il carattere/aumentarne o diminuirne le dimensioni:


Cambiare red nel colore desiderato (qui trovate la tabella); cambiare 10 nelle dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); cambiare verdana nel nome del font desiderato.

Come ingrandire un link testuale/cambiarne il carattere/aumentarne o diminuirne le dimensioni:


Cambiare http://indirizzointernet con quello che volete (esempio www.forumfree.net); cambiare red nel colore desiderato (qui trovate la tabella); cambiare 10 nelle dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); cambiare verdana nel nome del font desiderato.

Come fare le scritte scorrevoli:




Direction indica la direzione dello scorrimento, scrollAmount la velocità, height l'altezza del campo dove scorre il testo e width è la larghezza in percentuale rispetto alla larghezza totale della pagina

Inserire una tabella con grafica uguale a quella del forum:
E' sufficiente andare nel proprio forum, in Amministrazione > gestione codice HTML > Generatore di tabelle con grafica uguale a quella del forum.
Per ottenere lo scrollbar, leggete questa discussione:
www.forumfree.net/?t=6071609

Testo in grassetto


Ecco come viene

Testo corsivo


Ecco come viene

Testo sottolineato


Ecco come viene

Testo barrato


Ecco come viene

Vari tipi di lista



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

• Ecco


• come


• viene (con disc)

• Ecco


• come


• viene (con circle)

• Ecco


• come


• viene (con square)

Inserire filmati e giochi Flash nei post



Inserire Giochi Flash




Inserire una musica (ATTENZIONE: è VIETATO inserire file coperti da copyright, come la maggior parte degli mp3 e dei wav) o qualsiasi video eccetto i file flash (con estensione .swf)

Per entrambi inserire il seguente codice:


Oppure:



Quest'ultimo serve solo per il sottofondo musicale e il suo uso è sconsigliato.

Inserire un filmato Flash (.swf) in cima ad una sezione, o nella home del forum:




ATTENZIONE: i codici successivi funzionano SOLO con il browser Internet Explorer

Alone intorno al testo



Dovete sostituire ai numeri presenti in filter: glow(color=000000) il colore di cui volete che sia l'alone. Ecco una tabella da dove potete ricavare i codici dei colori.

Testo con l'alone


Testo al contrario (orizzontale)



Attenzione all'allineamento testo!

Testo al contrario (verticale)



Anche qui occhio all'allineamento!

Testo con ombra



Ricordate che un testo con ombra occupa più spazio!

Testo con ombra proiettata



Modificate sempre il codice del colore, qui la tabella. State attenti, l'ombra va un po' sotto il testo scritto

Testo con ombra singola per lettera



Modificate sempre il codice del colore, qui la tabella. State attenti, l'ombra delle lettere va sotto il testo che avete scritto.

Gradazioni colori