CodeGym/Corsi/Frontend SELF IT/Formattazione del testo in HTML

Formattazione del testo in HTML

Disponibile

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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<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.

HTML
<p>Testo sopra la linea.</p>
<hr>
<p>Testo sotto la linea.</p>
1
Compito
Frontend SELF IT,  livello 5lezione 5
Bloccato
Tag <u> e <mark>
Tag <u> e <mark>
1
Compito
Frontend SELF IT,  livello 5lezione 5
Bloccato
Tag <i> e <em>
Tag <i> e <em>
Commenti
  • Popolari
  • Nuovi
  • Vecchi
Devi avere effettuato l'accesso per lasciare un commento
Questa pagina non ha ancora commenti