10.1 Inizio della formattazione
La formattazione del testo tramite i tag <b>, <strong>, <i>,
<em>, <u> e <small> permette ai web developer di migliorare la leggibilità e di focalizzare l'attenzione su parti specifiche del testo. Ciascuno di questi tag ha uno specifico utilizzo:
<b>: testo in grassetto senza significato aggiunto<strong>: testo in grassetto con enfasi sull'importanza<i>: testo in corsivo per un'evidenziazione stilistica<em>: testo in corsivo con accento logico o semantico<u>: testo sottolineato per evidenziare visivamente<small>: testo piccolo per informazioni secondarie
Capire e usare correttamente questi tag aiuta a creare pagine web più chiare e visivamente attraenti.
Tag principali per la formattazione del testo
Tag <b> e <strong>
Il tag <b> viene usato per evidenziare il testo in grassetto senza un particolare significato semantico. Anche il tag <strong>
rende il testo in grassetto, ma gli attribuisce un significato semantico aggiuntivo, indicando importanza o rilevanza del testo.
<p>Questo testo è <b>in grassetto</b>, mentre questo testo è <strong>moltissimo importante e in grassetto</strong>.</p>
Tag <i> e <em>
Il tag <i> viene usato per evidenziare il testo in corsivo senza un particolare significato semantico.
Il tag <em> rende il testo in corsivo e indica accento o importanza del testo.
<p>Questo testo è <i>in corsivo</i>, mentre questo testo è <em>moltissimo importante e in corsivo</em>.</p>
Tag <u> e <ins>
Il tag <u> viene usato per sottolineare il testo. Il tag <ins> sottolinea anche il testo,
ma viene usato per indicare un testo inserito, utile nel contesto del tracciamento delle modifiche.
<p>Questo testo è <u>sottolineato</u>, mentre questo testo è <ins>inserito e sottolineato</ins>.</p>
Tag <s> e <del>
Il tag <s> viene usato per testo barrato. Il tag <del> barra anche il testo,
ma indica un testo eliminato, utile nel contesto del tracciamento delle modifiche.
<p>Questo testo è <s>barrato</s>, mentre questo testo è <del>eliminato e barrato</del>.</p>
Tag <mark>
Il tag <mark> viene usato per evidenziare il testo che ha un significato o importanza particolare nel contesto attuale.
Il testo dentro <mark> viene visualizzato con uno sfondo giallo.
<p>Questo testo è <mark>evidenziato</mark> per attirare l'attenzione.</p>
Tag <small>
Il tag <small> viene usato per visualizzare il testo di dimensioni più piccole rispetto al testo normale.
<p>Questo è il testo principale, e questo è <small>testo piccolo</small>.</p>
Tag <sub> e <sup>
I tag <sub> e <sup> vengono usati per creare testo di indice inferiore e superiore rispettivamente.
<p>Questo è un testo con indice inferiore H<sub>2</sub>O e indice superiore x<sup>2</sup>.</p>
10.2 Interruzioni di riga
Tag <br>
Il tag <br> viene usato per inserire un'interruzione di riga, che sposta il testo su una nuova riga senza creare un nuovo paragrafo.
<p>Questo è un testo con un'interruzione di riga<br>all'interno di un unico paragrafo.</p>
Tag <hr>
Il tag <hr> viene usato per inserire una linea orizzontale, che separa visivamente il contenuto nella pagina web.
<p>Testo sopra la linea.</p>
<hr>
<p>Testo sotto la linea.</p>
GO TO FULL VERSION