W3docs
es
Iniciar sesión

Etiqueta HTML <b>

The <b> tag is used to highlight in bold the part of the text, which we want to make more obvious for the user

La etiqueta HTML `<b>` se utiliza para mostrar una parte del texto en negrita para que destaque. La etiqueta `<b>` solo cambia la apariencia visual; no tiene ningún significado semántico (incluido para los motores de búsqueda).

success

En HTML5, la etiqueta `<b>` está destinada a un énfasis estilístico no semántico, como marcar palabras clave, nombres de productos o etiquetas de la interfaz de usuario, en lugar de ser un recurso alternativo para otras etiquetas.

Evite usar la etiqueta `<b>` para títulos y encabezados. En su lugar, puede usar las etiquetas <h1>–<h6>. Es preferible usar la etiqueta `<b>` para marcar palabras clave, nombres de productos u otros fragmentos de texto donde no se requiera importancia semántica.

Sintaxis

La etiqueta `<b>` se utiliza en pares. El contenido se escribe entre la etiqueta de apertura (`<b>`) y la de cierre (`</b>`).

Ejemplo de la etiqueta HTML `<b>`:

Ejemplo de la etiqueta HTML `<b>`|W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
  </head>
  <body>
    <p><b>This section of the text </b> has been rendered in bold,</p>
  </body>
</html>
Pruébalo tú mismo »

Resultado

ejemplo de la etiqueta b

La apariencia predeterminada del elemento `<b>` es negrita, pero puede cambiarla usando CSS. También se puede usar la propiedad CSS font-weight para establecer texto en negrita.

Ejemplo de la propiedad font-weight para poner el texto en negrita:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      .bold-text {
        font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p>
      <span class="bold-text">This section of the text </span> 
      has been rendered in bold.
    </p>
  </body>
</html>
Pruébalo tú mismo »

`<b>` frente a `<strong>`

Tanto el elemento `<b>` como <strong> muestran el texto en una tipografía en negrita. La diferencia es que la etiqueta `<strong>` indica texto de mayor importancia, mientras que la etiqueta `<b>` es puramente presentacional y no tiene significado semántico. Para texto en negrita puramente estilístico sin peso semántico, también puede usar el valor bold de la propiedad CSS font-weight.

Atributos

La etiqueta `<b>` admite Atributos globales y Atributos de eventos.

Cómo aplicar un atributo global a una etiqueta HTML <b>

<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>

Práctica

Práctica

¿Cuál es la función de la etiqueta HTML &lt;b&gt;?