Dominando el texto en negrita en HTML

Introducción

En este laboratorio, aprenderás a usar la etiqueta HTML <b> para crear texto en negrita en una página web. También cubriremos las mejores prácticas para usar esta etiqueta y las alternativas recomendadas cuando sea necesario.

Nota: Puedes practicar la codificación en index.html y aprender Cómo escribir HTML en Visual Studio Code. Haga clic en 'Go Live' en la esquina inferior derecha para ejecutar el servicio web en el puerto 8080. Luego, puede actualizar la pestaña Web 8080 para previsualizar la página web.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 100%. Ha recibido una tasa de reseñas positivas del 100% por parte de los estudiantes.

Configurar el archivo HTML

Crea un nuevo archivo llamado index.html en tu editor de código. En el cuerpo del documento, agrega un párrafo con algún texto que desees poner en negrita.

<body>
  <p>Here is some text that needs to be bold.</p>
</body>

Agregar la etiqueta

Para poner el texto en negrita, enciérralo con las etiquetas <b> de la siguiente manera:

<body> <p>Here is some <b>bold</b> text.</p> </body>

Estilo CSS predeterminado

El estilo CSS predeterminado para la etiqueta <b> es el siguiente:

<style> b { font-weight: bold; } </style>

Mejores prácticas

Evite usar la etiqueta <b> de manera excesiva. Utilícela solo en texto importante que requiera énfasis.

Para los títulos, use las etiquetas <h1> a <h6> en lugar de la etiqueta <b>.

Para enfatizar el texto, use la etiqueta <em> en su lugar. Esta etiqueta también utiliza texto en cursiva en lugar de negrita.

Para texto importante, use la etiqueta <strong> en su lugar. Esta etiqueta pondrá el texto en negrita e indicará su importancia para los motores de búsqueda.

Resumen

¡Eso es todo! Ahora sabes cómo usar la etiqueta HTML <b> para crear texto en negrita en tu página web. Recuerda usar esta etiqueta adecuadamente y seguir las mejores prácticas para obtener una codificación óptima.

Texto en negrita en HTML

Introducción

Configurar el archivo HTML

Agregar la etiqueta

Estilo CSS predeterminado

Mejores prácticas

Resumen