Ejemplo: este ejemplo de código simple ilustra cómo resaltar el texto convirtiéndolo en texto en negrita en HTML.
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h3>HTML b tag</h3> <p> A <b>Computer Science portal</b> for geeks. It contains well written, well thought and well explained <b>computer science and programming articles.</b> </p> </body> </html>
Producción:
La etiqueta <b> en HTML se usa para especificar el texto en negrita sin ninguna importancia adicional. El texto está escrito dentro de la visualización de la etiqueta <b> en negrita. Puedes hacerlo usando font-weight: bold; propiedad en CSS. Es una etiqueta de contenedor que contiene una etiqueta de apertura, contenido y una etiqueta de cierre. Hay una etiqueta similar, la etiqueta <strong> que es la etiqueta analizada y se usa para mostrar la importancia del texto y tiene un efecto similar en el contenido.
De acuerdo con la especificación HTML5, la etiqueta <b> debe usarse como última opción cuando ninguna otra etiqueta sea más apropiada. La especificación de HTML5 establece que para los encabezados, debe representarse con las etiquetas <h1> a <h6> , para el texto enfatizado, debe representarse con la etiqueta <em> y, de manera similar, el texto importante con la etiqueta <strong> , & para texto marcado/resaltado, debe indicarse con la etiqueta <mark> .
Sintaxis:
<b> Contents... </b>
Atributos aceptados: este es un atributo global y se puede usar en cualquier elemento HTML.
Ejemplo 1: En este ejemplo, hemos usado la etiqueta <b> y la etiqueta <p> para ilustrar la diferencia en la apariencia del texto y sus tamaños.
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h3>HTML b tag</h3> <!--paragraph Tag --> <p>This is normal paragraph Tag text</p> <!--bold Tag --> <b>This is bold Tag text</b> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, hemos utilizado la propiedad font-weight de CSS, cuyo valor se establece en negrita para poner el texto en negrita.
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h3>HTML b tag</h3> <!--paragraph Tag --> <p>This is normal paragraph Tag text</p> <!--Using CSS in paragraph Tag for making text bold --> <p style ="font-weight: bold">This is bold text using CSS</p> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Borde de Microsoft
- Firefox 1 y superior
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA