Guida ai tag HTML comuni

« Older   Newer »
  Share  
lce_Girl
icon4  view post Posted on 10/9/2006, 01:37     +1   -1




Inserisco questa guida ai tag HTML più comuni visto che qualcuno mi ha chiesto come fare per ...
Per tale motivo, per rendere partecipi tutti, inserisco qui di seguito i tag HTML più semplici e comuni con la loro relativa spiegazione ^_^
Cominciamo:

Come faccio ad inserire immagini prese da internet?
Semplice!! Basta utilizzare questo codice:


CODICE
<img src="http://indirizzo_immagine">



Per avere l'indirizzo cliccate con il tasto destro del mouse sull'immagine, selezionate "proprietà", copiate e incollate l'indirizzo che compare in quella pagina.
Attenzione! per caricare immagini presenti nel vostro hard disk (praticamente sul pc ) bisogna prima inserirle su un vostro spazio web o allegarle utilizzando il servizio fornito da Imageshack

Come posso centrare scritte ed immagini nella pagina o nella firma?
Utilizzando questo codice:

CODICE
<center>immagine o scritta</center>



Come posso creare le scritte scorrevoli?
Usando questo codice:

CODICE
<marquee>scritta</marquee>


Attenzione! Questo codice, scritto nella maniera semplice permette di creare la scritta scorrevole solo in senso orizzontale da sinistra verso destra ....

Per creare scritte scorrevoli che abbiano un'altra direzione, grandezza o velocità bisogno invece usare il codice in quest'altro modo:

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


Dove:
Direction indica la direzione dello scorrimento. (up, down, left, right : le possibili opzioni)
scrollAmount indica la velocità
height indica l'altezza del campo dove scorre il testo
width è la larghezza in percentuale rispetto alla larghezza totale della pagina

Come posso allineare il testo a destra|sinistra|centro|giustificato(allargato su tutta la riga)?
Con questo codice:

CODICE
<p align="left">il testo formattato</p>


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

Come posso ingrandire un testo/cambiarne il carattere/aumentarne o diminuirne le dimensioni?
Con questo codice:

CODICE
<font color="red" size="5" face="verdana">testo</font>


Con color potete cambiare il colore desiderato; con size potete cambiare le dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); con face potete cambiare il nome del font che desiderate.

Come posso ingrandire un link testuale/cambiarne il carattere/aumentarne o diminuirne le dimensioni?
Con questo codice:

CODICE
<a href="http://indirizzointernet"><font color="red" size="5" face="verdana">testo</font></a>


Cambiare http://indirizzointernet con quello che volete (esempio http://www.grafica-mente.forumfree.net); in color potete cambiare il colore che desiderate; con size potete cambiare le dimensioni desiderate (maggiore sarà il numero, maggiore sarà la dimensione); con face potete cambiare il nome del font che desiderate.

Come posso creare un link?
Con questo codice:

CODICE
<a href="http://www.tuosito.it">entra qui!</a>



Potete sostituire la scritta (entra qui!) con un'immagine, il risultato è sempre quello, tutto ciò che si trova fra i due tags darà un link al sito.
Se utilizzate l'opzione "TARGET" potete far aprire il link in un'altra finestra:

CODICE
<a href="http://www.tuosito.it" target="_blank">entra qui!</a>


Come posso inserire un banner?

CODICE
<a href="http://www.tuosito.it"><img src="http://indirizzo_immagine"></a>


Per creare un link e per inserire un immagine, è sufficente combinare i codici in questo modo.

Testo in grassetto


CODICE
<b>testo in grassetto</b>



Testo corsivo


CODICE
<i>testo in corsivo</i>



Testo sottolineato


CODICE
<u>testo da sottolineare</u>



Testo barrato


CODICE
<s>testo da barrare</s>



Si possono poi avere anche 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).



Per inserire filmati e giochi Flash


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




Per inserire una musica (ATTENZIONE: è VIETATO inserire file coperti da copyright, come la maggior parte degli mp3 e dei wav)

CODICE
<embed src="indirizzo del file midi" autostart="True" controls="True" loop="1" type="audio/midi">


Oppure:

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






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

Alone intorno al testo



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


Dovete sostituire ai numeri presenti in filter:glow(color=#E3AAFF) il colore di cui volete che sia l'alone. In fondo alla pagina c'è una tabella da dove potete ricavare i codici dei colori.


testo al contrario (orizzontale)


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



Attenzione all'allineamento testo!


testo al contrario (verticale)



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



Anche qui attenzione all'allineamento!

testo con ombra


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



Ricordate che un testo con ombra occupa più spazio!


testo con ombra proiettata


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



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

testo con ombra singola per lettera


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



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

gradazioni colore




CODICE
<div style="width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#C3CDDA,EndColorStr=#FFFFFF)">gradazioni colore</div>





Ed infine potete trovare i codici dei colori da poter inserire negli stili del forum e nei codici html:
QUI

Vi basterà cliccare sul colore che desiderate e cliccare sul pulsante "copia il codice" e il gioco è fatto ^_^

Spero vi sia chiaro e utile ^_^
Per qualsiasi dubbio o incertezza chiedete pure :bye:
 
Top
view post Posted on 10/9/2006, 02:35     +1   -1
Avatar

la terra dei papaveri

Group:
Admin
Posts:
3,400
Reputation:
0
Location:
Roma

Status:


sei mitica. Questi codici li conosco tutti, ma son sicuro che saranno utilissimi a tutti.

xxxMorfeoxxx
 
Web  Top
view post Posted on 10/9/2006, 09:51     +1   -1
Avatar

Advanced Member

Group:
Elfo
Posts:
2,974
Reputation:
+2
Location:
Marche

Status:


:grazie: Ice!!!!
Gentilissima come sempre :inchino:
I codici che hai postato....letti così....
mi confondono un poco :wacko:
però vedrò di impegnarmi a fondo...
provando a farne uno al giono :ops:
 
Web  Top
lce_Girl
view post Posted on 10/9/2006, 11:27     +1   -1




Morfy ho inserito questa discussione perchè ieri belle mi chiedeva come fare le scritte scorrevoli e altre cose ... So che tu le conosci ma altri no quindi ho pensato che sarebbe utile per tutti tenere questi codici a portata di mano ^_^
Ovviamente se volete saperne altri posso sempre inserirli ... ^_^
Zero lo so che sembra tutto un pò complicato ma con un pò di pratica e volontà si impara tutto ^_^
Al massimo se non capisci qualcosa ci sono io a disposizione (o anche Morfy visto che dice di saperli :P )
 
Top
Bellevue
view post Posted on 10/9/2006, 13:39     +1   -1




image image image image image image image MITICA!!!!!
 
Top
lce_Girl
view post Posted on 10/9/2006, 14:00     +1   -1




:timidone: :grazie: :timida:
 
Top
view post Posted on 13/9/2006, 05:34     +1   -1
Avatar

Advanced Member

Group:
Elfo
Posts:
2,974
Reputation:
+2
Location:
Marche

Status:


E come promesso...
ogni giorno (o quasi)...
eccomi qui a provare un codice diverso..
vado in ordine...
i primi li ho fattti...
ora provo ad inserire l'immagine a centro pagina ^_^

image

Ci son riuscita!!!!! :danza: :danza: :danza:
Grazie Ice!!!! :fiore:
 
Web  Top
lce_Girl
view post Posted on 13/9/2006, 11:54     +1   -1




Prego zero ^_^
Inserisco un'altro script alla collezione ^_^
Se volete creare la scritta scorrevole o anche un'immagine senza farla scomparire eccovi il codice e l'esempio ^_^

CODICE
<marquee behavior=alternate>Ciao</marquee>


Ciao
 
Top
view post Posted on 13/9/2006, 12:11     +1   -1
Avatar

Advanced Member

Group:
Elfo
Posts:
2,974
Reputation:
+2
Location:
Marche

Status:


Ci provo subito!!!!
Oggi faccio gli straordinari ^_^

image


Ma quanto mi piacciono 'ste cose!!!! :balla:
Grazie Ice! :inchino:
 
Web  Top
lce_Girl
view post Posted on 13/9/2006, 16:42     +1   -1




Ecco voi intanto esercitatevi che io torno a studiare :unsure:

:bye:
 
Top
9 replies since 10/9/2006, 01:37   72 views
  Share