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.htmly 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.
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.
