Fimo - arte e fantasia

Un po' di HTML!

« Older   Newer »
  Share  
N3er4
view post Posted on 1/5/2012, 23:54     +1   -1




L'elemento base del linguaggio è il tag, una parola chiave racchiusa da simbolo di minore < e maggiore >
esempio:
HTML
CODICE
<br>


Spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag d'apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo <.
esempio:
HTML
CODICE
<b>testo in grassetto</b>



Elenco tag HTML comuni
Accapo
HTML
CODICE
<br>


Linea
HTML
CODICE
<hr>


Immagine image
HTML
CODICE
<img src="http://indirizzo_immagine">

l'immagine deve essere online

Collegamento a una pagina web o file
HTML
CODICE
<a href="http://indirizzo_sito">testo</a>


Immagine con collegamento image
HTML
CODICE
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>


Centrare un'immagine o un testo
HTML
CODICE
<div align="center">immagine/testo</div>



Immagine o testo in movimento
HTML
CODICE
<marquee direction="up" scrollAmount=1 height="100%" width="70%">immagine/testo</marquee>


direction indica la direzione
scrollAmount indica la velocità
height indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina

Immagine o testo in movimento che si ferma al passaggio del mouse
HTML
CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>

questo codice non può essere inserito nella firma

Immagine o testo in movimento che rallenta al passaggio del mouse
HTML
CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>



Testo in grassetto
HTML
CODICE
<b>testo</b>



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



Testo sottolineato
HTML
CODICE
<u>testo</u>



Testo barrato
HTML
HTML
<del>testo</del>



Colore testo
HTML
CODICE
<span style="color: COLORE">testo</span>



Dimensione testo
HTML
CODICE
<span style="font-size: DIMENSIONE">testo</span>



Font testo
HTML
CODICE
<span style="font-family: FONT">testo</span>



Cambiare colore, dimensione, font ad un testo
HTML
CODICE
<span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span>



Testo con alone (visibile solo da Internet Explorer)
HTML
CODICE
<div style="width:100%;filter:glow(color=colore)">testo</div>



Testo sfumato (visibile solo da Internet Explorer)
HTML
CODICE
<div style="width:100%;filter:blur">testo</div>



Lista
HTML
CODICE
<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

Si può cambiare disc con circle o square

  • Ecco

  • come viene

  • con disc


  • Ecco

  • come viene

  • con circle


  • Ecco

  • come viene

  • con square


Lista numerata
HTML
CODICE
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>


1. Ecco
2. come viene
3. la lista numerata

Menù a tendina
HTML
CODICE
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>



Pulsante testo
HTML
CODICE
<button>testo</button>


Tasto "imposta come forum di registrazione"
CODICE
<form name="act" action="/?act=myforum&amp;cid=1" method="post" target="_blank">
<input type="hidden" name="mod_cat_reg" value="INDIRIZZO FORUM" />
<input type="hidden" name="tab" value="0" />
<input type="submit" value="Impostaci come Forum di Registrazione :)" class="registrazione" />
<input type="hidden" name="cid" value="1" />
<input type="hidden" name="act" value="myforum" />
</form>


Inserire un video da youtube
CODICE
<iframe width="420" height="315" src="INDIRIZZO VIDEO" frameborder="0" allowfullscreen></iframe>

width e hight indicano la grandezza del video, potete modificarli a piacimento.

Edited by N3er4 - 4/5/2012, 23:24
 
Top
view post Posted on 5/5/2012, 11:08     +1   -1
Avatar

figlia della Luna

Group:
Fimo - Premium
Posts:
11,824
Reputation:
0
Location:
Lo Scrigno dei Pensieri

Status:


Aggiungo una cosa molto utile per rimpicciolire le immagini quando si inseriscono in una pagina (si può fare pure per ingrandirle, ma non è una cosa conveniente perchè l'immagine si "sgrana").
In width dovete mettere i pixel dell'altezza e in height quelli della larghezza:

CODICE
<img src="LINK IMMAGINE" width=PIXEL ALTEZZA height=PIXEL LARGHEZZA></a>


Esempio:
Vi mostro questa immagine ridotta della metà (le misure originali sono 400x470).


CODICE
<img src="http://lartedelfimo.files.wordpress.com/2012/02/fimo2006.jpg" width=200 height=235></a>


 
Top
N3er4
view post Posted on 5/5/2012, 12:27     +1   -1




Grandissima!!!!! :***
Quand'è le restringevo sempre con un programma prima di postare così è molto più semplice, thanks! :D
 
Top
view post Posted on 5/5/2012, 13:34     +1   -1
Avatar

figlia della Luna

Group:
Fimo - Premium
Posts:
11,824
Reputation:
0
Location:
Lo Scrigno dei Pensieri

Status:


CITAZIONE (N3er4 @ 5/5/2012, 13:27) 
Grandissima!!!!! :***
Quand'è le restringevo sempre con un programma prima di postare così è molto più semplice, thanks! :D

Di niente!! Da quando ho scoperto questo metodo, è tutto molto più facile e veloce **
 
Top
view post Posted on 22/8/2016, 05:40     +1   -1
Avatar

Advanced Member

Group:
Member
Posts:
1,855
Reputation:
0
Location:
Lunigiana

Status:


Up
 
Top
4 replies since 1/5/2012, 23:54   153 views
  Share