Nelle pagine web quasi tutta la formattazione, le caratteristiche, l'aspetto e l'impaginazione vengono decisi tramite i
CSS (
fogli di style o
cascading style sheets), racchiusi tra i tags
molto pratici per tempistica (un
unico foglio di style puo' "comandare" la formattazione di tutte le pagine di un sito) e comoditą ( basta
una sola variazione e sarą visualizzata in ogni parte del sito).
All'interno della sezione di
- che racchiude la
parte visualizzabile del documento- si utilizzano
alcuni tags specifici previsti per il controllo di:
1 intestazioni (titoli)
2 strutture di
testo (paragrafi)
3 aspetto del testo (grassetto, corsivo...)
4 elenchi e liste
5 tabelle6 moduli elettronici (campi compilabili dall'utente, campi selezionabili, menu a tendina, pulsanti,format...)
7 collegamenti ipertestuali (
links)
8 layout generico del documento
9 inserimento di
immagini10 inserimento di
contenuti multimediali (audio, video...)
11 inserimento
di contenuti interattivi (script...)
PARAGRAFO→ definisce un
paragrafoCODICE
<p> questo č un paragrafo </p>
<p>anche questo</p>
questo č un paragrafo
anche questo
→
Note: i
browsers aggiungono automaticamente dei
margini bianchi, prima e dopo ogni paragrafo.
tra i
suoi attributi :
ALLINEAMENTO→ determina l'
allineamento del testo :
CODICE
<p align="center"> testo centrato </p>
testo centrato
CODICE
<p align="left"> testo allineato a sinistra </p>
testo allineato a sinistra
CODICE
<p align="justify"> testo giustificato</p>
testo giustificato
CODICE
<p align="right"> testo allineato a destra</p>
testo allineato a destra
STILE→ definisce ..lo
stile del paragrafo ( e del suo contenuto)
i suoi "
sotto attributi" sono :
COLORE→ che definisce il
colore delle scritte contenute nel paragrafo
→ che definisce il
colore di sfondo del paragrafo
a cui si aggiungerą il
codice esadecimale del colore che si desidera
Lista dei coloriCODICE
<p style ="background-color : #FFFCCC;"> testo</p>
→ testo
CODICE
<p style ="color : #8C0101;"> testo colorato</p>
→ testo colorato
CARATTERE→ determina
il tipo del carattere
N.B : non tutti i
fonts sono visualizzabili da pc a pc e da browser a browser, buona norma quindi utilizzare
i classici :
Verdana, Helvetica, Georgia, Arial, Sans Serif, Courier, Times New Roman...
CODICE
<p style ="font-family: Verdana;"> carattere Verdana</p>
→ carattere Verdana
→ determina la
dimensione dei caratteri
CODICE
<p style ="font-size: 16px;"> testo di 16px</p>
→ testo di 16px
→ determina
lo stile del carattereCODICE
<p style ="font-style: oblique;">testo obliquo</p>
→ testo obliquo
CODICE
<p style ="font-style: italic;">testo corsivo</p>
→ testo corsivo
CODICE
<p style ="font-style: normal;">testo normale</p>
→ testo normale
→ determina lo
spessore dei caratteriCODICE
<p style ="font-weight: bold;">testo grassetto</p>
→ testo grassetto
Ed infine possiamo
annidare (raggruppare) tutti gli
attributi, dividendoli sempre con
; e racchiudendoli tra
" " :
CODICE
<p align="center" style ="background-color : #FFFCCC; font-style: normal; font-family: Verdana; font-weight: bold; font-size: 16px; color:#8C0101;"> Et voilą </p>
Et voilą