Gli ultimi tutorial di sviluppo web

Formattazione del testo HTML Elements

formattazione del testo

This text is bold

This text is italic

This is superscript

Formattazione HTML Elementi

Nel capitolo precedente, si è parlato styling HTML, utilizzando il codice HTML style attributo.

HTML definisce anche elementi speciali per definire il testo con un significato speciale.

HTML utilizza elementi come <b> e <i> per la formattazione di uscita, come il bold o italic testo.

Elementi di formattazione sono stati progettati per visualizzare particolari tipi di testo:

  • Testo grassetto
  • testo importante
  • Il testo in corsivo
  • testo enfatizzato
  • testo contrassegnato
  • testo piccolo
  • Il testo eliminato
  • testo inserito
  • pedici
  • apici

HTML Bold e Strong formattazione

Il codice HTML <b> elemento definisce bold testo, senza alcuna importanza supplementare.

Esempio

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
Prova tu stesso "

Il codice HTML <strong> elemento definisce forte di testo, con l'aggiunta di semantica "strong" importanza.

Esempio

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
Prova tu stesso "

HTML Italic e ha sottolineato formattazione

Il codice HTML <i> elemento definisce il testo in corsivo, senza alcuna importanza supplementare.

Esempio

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
Prova tu stesso "

Il codice HTML <em> elemento definisce il testo sottolineato, con l'aggiunta di importanza semantica.

Esempio

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
Prova tu stesso "

Browser visualizzano <strong> come <b> e <em> come <i> .

Tuttavia, v'è una differenza nel significato di questi tag: <b> e <i> Definisce un testo in grassetto e corsivo,
ma <strong> e <em> indica che il testo è "important" .


HTML Piccolo formattazione

Il codice HTML <small> elemento definisce testo di piccole dimensioni:

Esempio

<h2>HTML <small>Small</small> Formatting</h2>
Prova tu stesso "

HTML Segnato formattazione

Il codice HTML <mark> elemento definisce segnato o il testo evidenziato:

Esempio

<h2>HTML <mark>Marked</mark> Formatting</h2>
Prova tu stesso "

HTML eliminata formattazione

Il codice HTML <del> elemento definisce cancellato (removed) il testo.

Esempio

<p>My favorite color is <del>blue</del> red.</p>
Prova tu stesso "

HTML inserito formattazione

Il codice HTML <ins> elemento definisce inserito (added) del testo.

Esempio

<p>My favorite <ins>color</ins> is red.</p>
Prova tu stesso "

HTML pedice formattazione

Il codice HTML <sub> elemento definisce il testo subscripted.

Esempio

<p>This is <sub>subscripted</sub> text.</p>
Prova tu stesso "

HTML Apice formattazione

Il codice HTML <sup> elemento definisce testo in apice.

Esempio

<p>This is <sup>superscripted</sup> text.</p>
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 »


Formattazione del testo HTML Elements

Etichetta Descrizione
<b> Definisce il testo in grassetto
<em> Definisce un testo enfatizzato
<i> Definisce un testo in corsivo
<small> Definisce un testo più piccolo
<strong> Definisce un testo importante
<sub> Definisce un testo subscripted
<sup> Definisce un testo in apice
<ins> Definisce testo inserito
<del> Definisce un testo cancellato
<mark> Definisce segnato text / evidenziato