HTML
Formato de texto

Introducción

Sintaxis

• <abbr>Abbreviation</abbr>
• <b>Bold Text</b>
• <del>Deleted Text</del>
• <em>Emphasized Text</em>
• <i>Italic Text</i>
• <ins>Inserted Text</ins>
• <mark>Marked (or Highlighted) Text</mark>
• <s>Stricken Text</s>
• <strong>Strong Text</strong>
• <sub>Subscript Text</sub>
• <sup>Superscript Text</sup>
• <u>Underlined Text</u>

Negrita, cursiva y subrayado

Texto en negrita

Para el texto en negrita, use las etiquetas <strong> o <b> :

<strong>Bold Text Here</strong>

o

<b>Bold Text Here</b>

¿Cual es la diferencia? Semántica. <strong> se utiliza para indicar que el texto es fundamental o semánticamente importante para el texto circundante, mientras que <b> no indica tal importancia y simplemente representa texto que debe estar en negrita.

Si utilizara <b> un programa de conversión de texto a voz no diría la (s) palabra (s) de manera diferente a cualquiera de las otras palabras que lo rodean, simplemente está llamando la atención sobre ellos sin agregar ninguna importancia adicional. Sin embargo, al utilizar <strong> , el mismo programa querría decir esas palabras con un tono de voz diferente para transmitir que el texto es importante de alguna manera.

Texto en cursiva

Para poner el texto en cursiva, use las etiquetas <em> o <i> :

<em>Italicized Text Here</em>

o

<i>Italicized Text Here</i>

¿Cual es la diferencia? Semántica. <em> se utiliza para indicar que el texto debe tener un énfasis adicional que se debe resaltar, mientras que <i> simplemente representa el texto que se debe diferenciar del texto normal que lo rodea.

Por ejemplo, si desea enfatizar la acción dentro de una oración, puede hacerlo al enfatizarla en cursiva a través de <em> : "¿ Enviaría la edición ya?"

Pero si estuviera identificando un libro o un periódico que normalmente usaría en cursiva estilística, simplemente usaría <i> : "Me vi obligado a leer a Romeo y Julieta en la escuela secundaria.

Texto subrayado

Si bien el elemento <u> sí estaba en desuso en HTMl 4, se reintrodujo con un significado semántico alternativo en HTML 5, para representar una anotación no textual no articulada. Puede usar dicha representación para indicar el texto mal escrito en la página, o para una marca con el nombre propio chino.

<p>This paragraph contains some <u>mispelled</u> text.</p>

Destacando

El elemento <mark> es nuevo en HTML5 y se usa para marcar o resaltar texto en un documento "debido a su relevancia en otro contexto". ¹

El ejemplo más común sería en los resultados de una búsqueda si el usuario ingresó una consulta de búsqueda y los resultados se muestran resaltando la consulta deseada.

<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to 
find what they are looking for.</p>

Salida:

Un formato estándar común es el texto negro sobre un fondo amarillo, pero esto se puede cambiar con CSS.

Insertado, Borrado o Enojado

Para marcar el texto como insertado, use la etiqueta <ins> :

<ins>New Text</ins>

Para marcar el texto como eliminado, use la etiqueta <del> :

<del>Deleted Text</del>

Para tachar el texto, use la etiqueta <s> :

<s>Struck-through text here</s>

Superíndice y subíndice

Para desplazar el texto hacia arriba o hacia abajo, puede usar las etiquetas <sup> y <sub> .

Para crear superíndice:

<sup>superscript here</sup>

Para crear un subíndice:

<sub>subscript here</sub>

Abreviatura

Para marcar alguna expresión como una abreviatura, use la etiqueta <abbr> :

<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>

Si está presente, el atributo de title se utiliza para presentar la descripción completa de dicha abreviatura.