Introduzione agli stili
Come abbiamo detto nell’introduzione per curare la grafica dei siti dobbiamo ricorrere a CSS, ma qualcosa di base la si può già fare in HTML. Per fare ciò dobbiamo ricorrere a particolari tag che adesso vedremo. Tutto ciò lo svolgeremo dentro al body. Di CSS ne parleremo meglio più avanti. Qui sotto troverete la lista di alcune codifiche di stili.
Grassetto
Il grassetto non è un vero e proprio stile, ma lo tratteremo comunque. Per rendere un gruppo di caratteri in grassetto dovremo usare il tag b inserendo in mezzo ai tag iniziale e finale i caratteri da evidenziare.
Stili
Gli stili servono per poter modificare sfondo, grandezza e colore del font (ciò il carattere con cui visualizziamo il file in HTML).
La sintassi degli style è questa:
<p style=”proprietà: valore della proprietà;”> paragrafo </p>
Adesso possiamo vedere alcuni esempi, infatti andremo a vedere come modificare il colore, lo sfondo e la grandezza del font. Per i codici e i nomi dei colori potete visitare questo sito che ne cataloga tanti.
Colore del font
Per colorare il font useremo questa dicitura qui:
Colore dello sfondo
Invece per colorare lo sfondo su cui andremo a scrivere dovremo scrivere così:
!! Ricordati che non dobbiamo usare per forza il nome di un colore. Possiamo usare anche il suo codice. In questo caso il codice #00FF7F corrisponde allo “SPRINGGREEN”.
Grandezza del carattere
Per aumentare o diminuire la grandezza di un carattere bisogna esprimere la nuova percentuale della grandezza in funzione della grandezza base. Tanti paroloni per dire:
Però possiamo non limitarci a una sola modifica per paragrafo. Possiamo anche combinarle. Proviamo a farlo una volta:
In questo caso abbiamo modificato sfondo e colore, e poi tutte e tre. Ma in potremmo fare tutte le combinazioni possibili. In ogni caso, questo è il risultato ottenuto:
Il tag a
Come possiamo vedere le linee vanno avanti per tutta la pagina, non è un effetto visivo molto gradevole… Per fortuna abbiamo il tag a /a che limita la proprietà a un gruppo circoscritto di caratteri. Vediamo come utilizzarlo:
E questo è come appare definitivamente:
Come puoi vedere abbiamo degli stili che svolgono la loro funzione solo su gruppi di caratteri circoscritti.
Per questo articolo è tutto. Oggi abbiamo fatto tantissimi nuovi tag tutti relativi allo stile dei caratteri. Nei prossimi articoli vedremo argomenti più brevi, ma più delicati, come l’inserimento di immagini e lo stile dello sfondo della pagina.
Beh, spero sia un arrivederci… Ci si vede nei prossimi articoli!! Buon coto a tutti!