Benvenuto! Sei il visitatore n°

Annunci Gratuiti Forum Gratis php nuke Gratis Blog Gratuito Album Gratuito

Archivio

Avatar + firma

Box auto scroll (marquee)

Basi c-box

Box scroll text

Calendari e Orologi

Contatori

Countdown

Festività

Hello Kitty

Immagini benvenuto

Immagini guestbook

Immagini laterali

Immagini varie

Oggetti che cadono

Wallpaper

Bonus

Lettori Mp3

Photogallery in flash

Videoplayer

Messaggi




Tutorials

Utility

Font

Palette colori web

Pennelli Photoshop

Tag Html (principali)

Richieste grafiche

Forum

Top 100

Affiliati

(per affiliarsi visita la sezione apposita nel forum)

********** ********** ********** ********** ********** ********** ********** ********** ********** **********

Links

 

Contattami

Mail

Tag Html

Alcuni tra i principali comandi di formattazione in HTML

Testo

testo in grassetto  <B></B>

testo in corsivo  <I></I>

testo barrato  <S></S>

testo sottolineato  <U></U>

testo lampeggiante  <BLINK></BLINK>

interruzione di riga  <BR>

allineamento centrato  <CENTER></CENTER>

 

esempio:

<FONT SIZE="+1" COLOR="#FF0000" FACE="Times New Roman, Times, serif">Testo</FONT>

risultato:

Testo

Modifica le parti in giallo per formattare il testo a tuo piacimento.

Immagini

Inserire un'immagine:

<img src="link immagine" width="20" height="20">

Modifica le parti in giallo. Width sta per larghezza dell'immagine e height per altezza.

 

Allineare un'immagine:

<div align=center><img src="link immagine" width="20" height="20"></div>

Dopo aver aggiunto i tag <div align=...></div> dai all'attributo align il comando center, per centrare l'immagine, left sinistra e right per posizionarla a destra.

 

Proteggere un'immagine dalla copia:

<div align="center">
<div style="width: auto; height: auto">
<img style="filter: alpha(opacity=100, finishOpacity=0,style=0); width: auto; height: auto" src="url della foto da proteggere" align="right"/>
<img style="filter: alpha(opacity=0, finishOpacity=0,style=0); width: auto; height: auto" src="url della foto falsa " align="right"/>
</div>
</div>

 

Inserire uno sfondo:

<body background="link immagine di sfondo">


contenuto pagina


</body>

In questo modo l'immagine di sfondo verrà ripetuta nella pagina.

Se invece si desidera una tinta unita:

<body style="background-color:black">

sostituendo black con il colore che si desidera, in inglese (white, aqua, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow...)

n.b.: attenzione nella scelta colore del testo, deve essere in contrasto con i colori dello sfondo in modo che si possa visualizzare al meglio.

 

Sfumare l'immagine:

<img style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="indirizzo dell'immagine" />  

 

Immagine in bianco e nero:

<img style="FILTER: Gray" src="Indirizzo dell'immagine"> 

 

Immagine in negativo (colori invertiti)

<img style="FILTER: Invert" src="Indirizzo dell'immagine">

Link

<A href="link pagina web">nome pagina web</A>

 

Per aprire il link in una nuova pagina:

A href="link pagina web" target="_blank">nome pagina web</A>

Testo o immagine scorrevole

<marquee direction="up" scrollAmount=1 height="30" width="70">link
immagine o testo
</marquee>

Le parti in giallo possono essere modificate:

direction indica la direzione del testo o dell'immagine

scrollAmount indica la velocità di scorrimento

height e width indicano altezza e larghezza

Visualizzare una pagina web esterna (iFrame)

<iframe marginWidth="0" marginHeight="0" frameBorder="0" width="760"
scrolling="no" height="465"
src="indirizzo pagina web></iframe>

 

Creative Commons License
Grafica Manga by Roxy is licensed under a Creative Commons Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License.
Based on a work at graficamanga.altervista.org.