Crear texto en negrita en HTML

Rajeev Baniya 19 febrero 2023
  1. Utilice la etiqueta strong para crear texto en negrita en HTML
  2. Utilice la etiqueta b para crear texto en negrita en HTML
  3. Utilice la propiedad CSS font-weight para crear texto en negrita en HTML
Crear texto en negrita en HTML

El tutorial presentará algunos métodos para crear texto en negrita en HTML.

Utilice la etiqueta strong para crear texto en negrita en HTML

Podemos crear texto en negrita en HTML usando la etiqueta strong. La etiqueta denota que el texto es de vital importancia, gravedad o máxima prioridad.

La etiqueta strong pone el texto en negrita para mostrar que el texto es de mayor importancia. Debemos usar srong para resaltar un texto o una parte de él para mostrar su significado en una página o un párrafo.

Por ejemplo, escriba un texto using the strong tag. Luego, envuelva el texto con la etiqueta strong, como se muestra en el siguiente ejemplo.

El siguiente ejemplo crea el texto en negrita.

Código de ejemplo:

<strong> using the strong tag </strong>

Utilice la etiqueta b para crear texto en negrita en HTML

También podemos crear texto en negrita en HTML usando la etiqueta b. La etiqueta se conocía anteriormente como el elemento Boldface.

La etiqueta b se utiliza para centrarse en el texto sin mostrar que es más importante. Usamos la etiqueta b de la misma manera que la etiqueta strong.

Por ejemplo, escriba una using b tag y envuélvala con la etiqueta b, y el texto se pondrá en negrita. Sin embargo, no se recomienda el uso de la etiqueta b para poner el texto en negrita.

En su lugar, deberíamos usar la propiedad CSS font-weight para hacer que el texto sea más audaz. Discutiremos la propiedad en la siguiente sección.

Código de ejemplo:

<b> using b tag </b>

Utilice la propiedad CSS font-weight para crear texto en negrita en HTML

La propiedad CSS font-weight es el método más adecuado para poner el texto en negrita. Podemos usar CSS en línea para aplicar los estilos en HTML.

La propiedad font-weight establece el grosor o la delgadez del texto. Una variedad de opciones se ajustan a la propiedad. Cuando se establece en normal, el texto será un carácter regular, que es el predeterminado.

La opción bold hace que el texto sea más grueso y la opción más negrita lo hace más grueso. Podemos adelgazar el texto con la opción lighter.

Por ejemplo, escriba una etiqueta p y escriba CSS en línea dentro de ella. Establezca la propiedad font-weight en bold. Dentro de la etiqueta p, escriba el texto Using the font-weight property.

A continuación, escriba otra etiqueta p y escriba el texto Normal text.

En el siguiente ejemplo, hemos escrito dos textos diferentes. El primer texto se hace más audaz, mientras que el segundo texto es normal. Por lo tanto, podemos usar la propiedad font-weight para crear texto en negrita en HTML.

Código de ejemplo:

<p style="font-weight:bold;">
    Using the font-weight property
</p>

<p>
    Normal text
</p>

Artículo relacionado - HTML Text