10.1 Comienzo del formato
El formato de texto usando las etiquetas <b>, <strong>, <i>, <em>, <u> y <small> permite a los desarrolladores web mejorar la legibilidad y resaltar ciertas partes del texto. Cada una de estas etiquetas tiene un uso específico:
<b>: texto en negrita sin significado adicional<strong>: texto en negrita con énfasis en la importancia<i>: texto en cursiva para destacar estilísticamente<em>: texto en cursiva con énfasis lógico o significativo<u>: texto subrayado para destacar visualmente<small>: texto de tamaño pequeño para información secundaria
Entender y utilizar correctamente estas etiquetas ayuda a crear páginas web más claras y visualmente atractivas.
Etiquetas principales para el formato de texto
Etiqueta <b> y <strong>
La etiqueta <b> se utiliza para resaltar texto en negrita, pero sin un significado semántico especial. La etiqueta <strong> también pone el texto en negrita, pero le añade un valor semántico adicional, indicando la importancia o relevancia del texto.
<p>Este texto es <b>negrita</b>, y este texto es <strong>muy importante y en negrita</strong>.</p>
Etiqueta <i> y <em>
La etiqueta <i> se utiliza para resaltar texto en cursiva sin un significado semántico especial. La etiqueta <em> pone el texto en cursiva y señala el énfasis o importancia del texto.
<p>Este texto es <i>cursiva</i>, y este texto es <em>muy importante y en cursiva</em>.</p>
Etiqueta <u> y <ins>
La etiqueta <u> se utiliza para subrayar texto. La etiqueta <ins> también subraya el texto, pero se usa para denotar texto insertado, lo cual es relevante en el contexto de seguimiento de cambios.
<p>Este texto es <u>subrayado</u>, y este texto es <ins>insertado y subrayado</ins>.</p>
Etiqueta <s> y <del>
La etiqueta <s> se utiliza para texto tachado. La etiqueta <del> también tacha el texto, pero indica la eliminación del texto, lo cual es relevante en el contexto de seguimiento de cambios.
<p>Este texto es <s>tachado</s>, y este texto es <del>eliminado y tachado</del>.</p>
Etiqueta <mark>
La etiqueta <mark> se utiliza para resaltar texto que tiene un significado especial o importancia en el contexto actual. El texto dentro de <mark> se muestra con un fondo amarillo.
<p>Este texto está <mark>resaltado</mark> para llamar la atención.</p>
Etiqueta <small>
La etiqueta <small> se utiliza para mostrar texto más pequeño en comparación con el texto normal.
<p>Este es el texto principal, y esto es <small>texto pequeño</small>.</p>
Etiqueta <sub> y <sup>
Las etiquetas <sub> y <sup> se utilizan para crear texto subíndice y superíndice respectivamente.
<p>Este es texto con subíndice H<sub>2</sub>O y superíndice x<sup>2</sup>.</p>
10.2 Saltos de línea
Etiqueta <br>
La etiqueta <br> se utiliza para insertar un salto de línea, que mueve el texto a una nueva línea sin crear un nuevo párrafo.
<p>Este es un texto con un salto de línea<br>dentro de un solo párrafo.</p>
Etiqueta <hr>
La etiqueta <hr> se utiliza para insertar una línea horizontal que divide visualmente el contenido en una página web.
<p>Texto encima de la línea.</p>
<hr>
<p>Texto debajo de la línea.</p>
GO TO FULL VERSION