[Utility] Guida base all'HTML

« Older   Newer »
  Share  
CAT_IMG Posted on 10/3/2011, 19:54     +1   -1
Avatar

Senior Member

Group:
Member
Posts:
10,228
Reputation:
0

Status:


GUIDA ALL' HTML

Links utili:
Elenco di tutti i tag con relativi parametri
Corso completo di HTML
Guida base di Giorgiotave.it
Guida HTML di html.it
Guida CCS di html.it
Guida CCS di forumfree
Tabella colori HTML

Come andare a capo:
CODICE
<br>


Come inserire una linea di separazione:
CODICE
<hr>



Come creare un link:
CODICE
<a href="http://www.tuosito.it">visita il mio sito!</a>

Puoi sostituire la scritta con un'immagine, il risultato è sempre quello, 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:
CODICE
<a href="http://www.tuosito.it" target="_blank">Visita il mio sito!</a>



Come inserire immagini prese da internet:
CODICE
<img src="http://indirizzo_immagine" alt="descrizione_immagine">

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: a questo scopo, potete usare il servizio fornito da www.imageshack.us

Come inserire un'immagine con link:
CODICE
<a href="http://www.tuosito.it"><img src="http://indirizzo_immagine" alt="descrizione_immagine"></a>



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):
CODICE
<p align="center">il testo formattato</p>

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

Come ingrandire un testo/cambiarne il carattere/aumentarne o diminuirne le dimensioni:
CODICE
<span style="color: red; font-size: 10pt; font-family: verdana">testo</span>

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:
CODICE
<a href="http://indirizzointernet" style="color: red; font-size: 10pt; font-family: Comic Sans MS">testo</a>

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:
CODICE
<marquee>scritta</marquee>

CODICE
<marquee direction="up" scrollAmount="1" height="40" width="80%">scritta</marquee>

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
CODICE
<b>testo in grassetto</b>

Ecco come viene

Testo corsivo
CODICE
<i>testo in corsivo</i>

<i>Ecco come viene<i>

Testo sottolineato
CODICE
<u>testo da sottolineare</u>

<u>Ecco come viene<u>

Testo barrato
CODICE
<s>testo da barrare</s>

<s>Ecco come viene<s>

Vari tipi di lista
CODICE
<ul type="disc">
<li>Prima voce di menu</li>
<li>Seconda voce di menu</li>
<li>Terza voce di menu</li>
</ul>


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

Inserire filmati e giochi Flash nei post
CODICE
[FLASH=600,400]indirizzo del file flash[/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:
CODICE
<embed src="indirizzo internet del file" autostart="True" controls="True" loop="1"></embed>

Oppure:
CODICE
<bgsound src="indirizzo internet del file midi" loop="infinite">


Quest'ultimo serve solo per il sottofondo musicale e il suo uso è sconsigliato.
 
Top
0 replies since 10/3/2011, 19:54   59 views
  Share