Differenza tra CSS e HTML in versione “Parla come mangi”

HTML e CSS sono due linguaggi, strettamente legati, che si usano per creare e fare belli e accessibili i siti internet.

L’HTML (HyperText Markup Language) è un linguaggio di marcatura che serve a definire la struttura e i contenuti di una pagina web, mentre il CSS (Cascading Style Sheets) è il linguaggio che formatta i contenuti, cioè dice al browser (il programma con cui navigate sul web) come questi elementi devono essere visualizzati.

Fin qui tutto chiaro? Continuiamo!

L’HTML da solo crea delle pagine in cui ci sono tutti gli elementi che servono: testi, immagini, link, video ma le pagine senza l’aggiunta dei CSS sarebbero ben bruttarielle. Tipo così:

L’HTML ragiona per elementi:

• intestazioni
• paragrafi
• immagini
• link
• liste
• ecc…

Il CSS si riferisce a questi elementi e gli aggiunge lo stile. Eccovi un esempio di come usare CSS per dare uno stile ai paragrafi di testo:

HTML

<p>Questo è il tag che si usa per creare i paragrafi</p>

CSS

p {
font-family: 'Century Gothic', Verdana, sans-serif;
font-size: 14px;
color: #000000;
}

In questo modo ho detto al browser che quando incontra nella pagina un elemento <p> deve usare il font Century Gothic (e se non è installato allora ripiegare su Verdana e se non c’è neanche questo usare il primo font bastone disponibile) di dimensione 14px e di colore nero.

Tutte le piattaforme di blogging prevedono sia la composizione di testi in modalità visuale, per cui per formattare si usano dei pulsanti tipo quelli di Word, sia in modalità testuale in cui potete vedere la struttura HTML del vostro articolo. Non è necessario conoscere questi linguaggi per tenere un blog, ma averne una comprensione base può aiutarvi a rendere il vostro sito un po’ più simile a come ve lo immaginate.

C’è una coppia di elementi però che dovete assolutamente conoscere (immagine e link), ma di questo vi parlo la prossima settimana!