Conoscere l’HTML per gestire meglio il blog

L’HTML (HyperText Markup Language) è il linguaggio alla base di ogni pagina web, anche di questo post. Non è un linguaggio di programmazione ma un linguaggio di markup (di marcatura o di contrassegno).
Si tratta di una serie di elementi testuali, chiamati tag, che permettono di “dire” al browser in che modo visualizzare i contenuti di un sito web, siano essi parole, immagini, video o animazioni.

Per capire meglio …

Quello che vedi tu.
Quello che vede il browser.

Grazie ai CMS (Content Management System), come ad es. WordPress, e a template sempre più evoluti, oggi è possibile gestire un blog anche senza conoscere l’HTML.
Tuttavia qualche piccolo inconveniente può sempre capitare, e conoscere l’HTML, almeno a livello base, può aiutare a risolvere il problema in tempi brevi.

 

HTML – I tag che devi conoscere

Per gestire gli articoli di un blog e risolvere i problemi che possono essere dati dall’editor per la loro realizzazione, ci sono dei tag html che devi assolutamente conoscere.

Vediamo insieme quali sono!

 

Titoli
[ torna al menu ]

In HTML i titoli sono definiti con i tag che vanno da <h1> a <h6>.
La numerazione riguarda l’importanza (e quindi anche la grandezza dei vari titoli): h1 sarà il titolo più importante e h6 sarà quello meno importante.

<h1>Titolo1</h1>

Titolo1

<h2>Titolo2</h2>

Titolo2

<h3>Titolo3</h3>

Titolo3

<h4>Titolo4</h4>

Titolo4

 

Paragrafi
[ torna al menu ]

I paragrafi sono i blocchi di testo che vengono definiti con il tag <p>.

<p>Questo è il Paragrafo1.</p>
<p>Questo è un altro paragrafo, chiamato Paragrafo2.</p>

Questo è il Paragrafo1

Questo è un altro paragrafo, chiamato Paragrafo2.

 

Link
[ torna al menu ]

Nel linguaggio HTML i link sono definiti con il tag <a>.

<a href="https://enricomtomassi.com/come-creare-indice-dei-contenuti/">Questo è un link</a>

Questo è un link

 

Immagini
[ torna al menu ]

Il tag che in html definisce le immagini è <img>.
Gli attributi src, alt, width e height definiscono rispettivamente la sorgente (src), il testo alternativo (alt), la larghezza (width) e l’altezza (height).

 <img src="https://enricomtomassi.com/wp-content/uploads/2020/05/indice-dei-contenuti.jpg" alt="indice-contenuti" width="300" height:"200">

 

Formattazione del Testo
[ torna al menu ]

In HTML esistono diversi elementi che caratterizzano la formattazione del testo.
Vediamo quelli più importanti!

<strong> definisce un testo con molta importanza e viene mostrato come grassetto.

<strong>Questo testo è importante.</strong>

Questo testo è importante.

<em> definisce un testo enfatizzato e viene mostrato come corsivo.

<em>Questo testo è enfatizzato.</em>

Questo testo è enfatizzato.

<small> definisce un testo di dimensioni ridotte.

<small>Questo testo è piccolo.</small>

Questo testo è piccolo.

<del> definisce un testo che è stato eliminato da un documento. I browser di solito esprimono questa formattazione segnando con una linea il testo eliminato.

<del>Questo testo è eliminato.</del>

Questo testo è eliminato.

 

Spazio e A Capo
[ torna al menu ]

Il tag <br> permette di inserire un’interruzione di riga sul testo e di andare a capo in un determinato punto della frase. È un tag unico che non prevede apertura e chiusura.

Questa frase va <br> a capo.

Questo frase va
a capo.

Pur non essendo un tag, l’entità &nbsp; è molto importante nell’html perché ti permette di andare a capo lasciando uno spazio.

Questa è la frase numero 1.
&nbsp;
Questa è la frase numero 2.

Questa è la frase numero 1.

Questa è la frase numero 2.

 

HTML – Risorse Utili

Il modo migliore per imparare l’HTML è sicuramente provare.
Per farlo basta aprire un block notes (va benissimo anche il Notepad di Windows o il TextEdit del Mac) e cominciare a studiare sulle seguenti risorse.

Guida HTML.it

Consultata da migliaia di persone ogni giorno, questa guida è perfetta per iniziare a imparare il linguaggio HTML. I motivi sono fondamentalmente tre: è semplice, intuitiva e soprattutto in italiano.

w3schools.com

Invece, per chi mastica l’inglese, un’altra risorsa utile per avvicinarsi all’HTML è w3schools.com.
Grazie alla semplice interfaccia dei suoi tutorial, non permette solo d’imparare l’HTML ma anche di testare ciò che si è imparato con delle piccole simulazioni.


Conosci altre risorse utili per imparare l’HTML online?