Passo 1: Non sei pazzo~
Per prima cosa vorrei mostravi un semplice codice così da capire i suoi componenti.
Dal
Supporto di ForumFree prendiamo il codice
Cambiare colore, dimensione, font ad un testo.
HTML
<span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span>
Il codice è diviso in 3 parti:
HTML
Prima Parte: <span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">
Seconda Parte: testo
Terza Parte: </span>
La prima parte corrisponde all'
apertura del codice e alla sua personalizzazione. La seconda è il
contenuto, e infine la terza è la sua
chiusura.
Da ciò si capisce che
ogni codice ha un inizio e una fine. E' molto importante chiudere un codice, altrimenti non funziona e noterete subito l'errore.
In sintesi, per aprire un codice si usano le "
< >" e per chiuderlo usiamo la / come negazione, così: "
</ >".
All' interno delle < > c'è lo
span che è chiamato
tag, e accanto c'è
style (un'altro tag) che approfondiremo dopo.
Per la chiusura utilizziamo la negazione del primo tag così:
</ span> (senza spazio tra / e span).
Adesso chiamamo
TAG Principale span, e
TAG Secondario style.
Esistono 2
TAGS Principali: span e div.
Le differenze tra i 2 sono molto poche e riassumibili così:
1. il Div fa andare il testo a capo, lo Span no.
Prova testo
che va
a capo
CODICE
Prova testo <div>che va</div> a capo
Prova testo che non va a capo
CODICE
Prova testo </span>che non va</span> a capo
2. il Div occupa l'intera riga, lo Span no.
Prova Riga Colorata
CODICE
<div style="background-color: #fff;">Prova Riga Colorata</div>
Prova Riga ColorataCODICE
<span style="background-color: #fff; color: #000">Prova Riga Colorata</span>
Usare Span o Div (
eccetto per le differenze sopracitate)
è uguale. Quando avrete imparato a usare uno dei 2, sarete a cavallo per l'altro.
NB: Niente vi vieta di usarli insieme, tipo così:
HTML
<div align="center"><span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span></div>
I
TAGS Principali però, non quasi nulla senza i
TAGS Secondari.
Li descriverò nella seconda parte =)