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

Differenza HTML/CSS

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ì:

Il mio blog senza CSS
Ecco il mio blog senza CSS

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.

Modalità Visuale e Testuale
Creazione di un articolo in modalità Visuale e Testuale
Back and front-end
Cosa c’è dietro ad una pagina web

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

Pubblicato
Etichettato come Siti Taggato

Di Francesca Marano

WordPress Core team lead at Yoast. Previously, WordPress Community and Partnership manager at SiteGround. I contribute to WordPress.org full-time. I have an insane passion for luxury skincare and soft wool. Beyoncé is always the answer.

8 commenti

    1. Hei og hopp :)Jeg skulle gjerne ha hatt 4 lodd, men det blir desverre bare 1 lodd pÃ¥ meg, for nÃ¥r jeg prøver Ã¥ lage link til min blogg med bildet ditt fÃ¥r jeg beskjed om at bildet er ditt og tyveri vil bli anmeldt (oÃoE¦Ã¦o¦)Ãr det noen annen mÃ¥te jeg kan gjøre dette pÃ¥?Du er hjertelig velkommen til Ã¥ delta pÃ¥ min lille giveaway ;)Ønsker deg en super helg!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.