Cómo poner en negrita el texto en HTML

Si estás aprendiendo HTML, seguramente has notado que una de las herramientas más utilizadas es la capacidad de poner en negrita el texto. La negrita se usa tanto para enfatizar una frase importante como para distinguir títulos y subtítulos. En este artículo, te explicaremos cómo poner el texto en negrita en HTML.

¿Qué es la etiqueta HTML para la negrita?

En HTML, la etiqueta para poner texto en negrita es: <strong></strong>. Todo el texto que esté dentro de estas etiquetas se mostrará en negrita en el navegador.

¿Cómo se usa la etiqueta HTML para la negrita?

Para poner un texto en negrita en HTML, simplemente debes rodearlo con las etiquetas <strong> y </strong>. Por ejemplo, si quisieras poner en negrita la siguiente frase: "El HTML es fácil de aprender", deberías escribirlo así:

<strong>El HTML es fácil de aprender</strong>

El resultado en el navegador se verá así: El HTML es fácil de aprender.

Ejemplos de uso de la etiqueta para la negrita

A continuación, te presentamos algunos ejemplos de uso de la etiqueta para la negrita en diferentes situaciones:

Para títulos y subtítulos

Para enfatizar el título y los subtítulos de una página web, es común utilizar la etiqueta <h1> para el título principal y después los títulos y subtítulos de menor importancia con la etiqueta <h2>, <h3>, etc. Por ejemplo:

<h1>Este es el título principal de mi página web</strong></h1>
<h2>Este es un subtítulo importante</strong></h2>
<h3>Este es un subtítulo menos importante</h3>
<h2>Otro subtítulo importante</strong></h2>
<h3>Otro subtítulo menos importante</h3>

Para enfatizar una frase importante

Si tienes una frase importante dentro de un párrafo, puedes ponerla en negrita para que sea más fácil de identificar. Por ejemplo:

El HTML es un lenguaje de marcado que se utiliza para crear y diseñar páginas web.

Para distinguir una lista de elementos

Si tienes una lista de elementos, puedes poner los títulos en negrita para distinguirlos del resto del texto. Por ejemplo:

<ul>
  <li>Manzanas</strong></li>
  <li>Naranjas</li>
  <li>Plátanos</strong></li>
</ul>

Conclusión

La etiqueta <strong> es una forma sencilla y efectiva de poner el texto en negrita en HTML. Utiliza esta etiqueta para enfatizar títulos, subtítulos, frases importantes o cualquier otro contenido que desees destacar en tu página web.

Preguntas frecuentes

¿Puedo utilizar otras etiquetas para poner texto en negrita?

Sí, puedes utilizar la etiqueta <b> en vez de <strong>. Ambas tienen el mismo efecto de poner el texto en negrita. Sin embargo, se recomienda utilizar la etiqueta <strong> por su significado semántico.

¿Qué otras etiquetas de formato puedo usar en HTML?

Hay muchas etiquetas de formato que puedes utilizar en HTML, incluyendo <em> para enfatizar el texto en cursiva, <mark> para resaltar el texto con un color de fondo y <del> para tachar el texto.

Cómo cambiar el color de botón al pasar el cursor en CSS

Cómo centrar texto (horizontal y verticalmente) dentro de un div

Cómo centrar imágenes de fondo en CSS

Métodos para oscurecer una imagen de fondo en CSS

Cambiar la fuente en HTML

Cómo Cambiar el Color de la Opción Seleccionada Usando CSS

Cómo agregar Ionicons en HTML y CSS

Cómo crear divs superpuestos con CSS

Cómo hacer que un botón enlace a otra página en HTML