En esta parte de la serie de HTML/CSS analizamos las etiquetas básicas más usadas de HTML: párrafo (<p>), negrita (<b>, <strong>), cursiva (<i>, <em>), subíndice/superíndice (<sub>, <sup>) y línea horizontal (<hr>).
Las etiquetas una a una
1. Párrafo — <p>
Agrupa el texto en párrafos. El navegador añade espacio arriba y abajo.
<p>Esto es un párrafo.</p>2. Negrita — <b> y <strong>
Las dos muestran el texto en negrita, pero sus significados son distintos:
<b>: solo negrita visual (estilística).<strong>: transmite el significado de importante — los lectores de pantalla lo leen con énfasis y es relevante para el SEO.
3. Cursiva — <i> y <em>
<i>: cursiva para palabras extranjeras y términos técnicos.<em>: transmite énfasis.
4. Subíndice/Superíndice — <sub> y <sup>
Fórmulas químicas (H2O), expresiones matemáticas (E = mc2).
H<sub>2</sub>O
E = mc<sup>2</sup>5. Línea horizontal — <hr>
Separador temático. En el HTML moderno significa «cambio de sección».
<hr>Etiquetas adicionales para 2026
En 2015 HTML5 apenas empezaba a estandarizarse. Hoy estas etiquetas semánticas también son de uso diario:
<mark>: texto resaltado (subrayado amarillo).<ins>/<del>: añadido / eliminado.<abbr>: abreviatura (se despliega al pasar el ratón).<kbd>: entrada de teclado (p. ej., Ctrl + S).<code>: fragmento de código (ya existía en 2015).<cite>: fuente de una cita.<time>: fecha/hora — estructural para Google.
Nota de 2026: en el CSS moderno puedes obtener el mismo resultado visual con font-weight y font-style. Pero elegir la etiqueta correcta en HTML es importante para la accesibilidad (a11y) y el SEO — prefiere <strong> en lugar de <b> si la palabra es realmente importante.
