Para hacer texto en negrita en HTML, puede usar la etiqueta & lt; b & gt; , el código < > Etiqueta & lt; strong & gt; o font-weight en CSS.
Cuando esté diseñando una página web, es posible que desee enfatizar un fragmento de texto específico.
Por ejemplo, digamos que tiene una lista de instrucciones sobre cómo utilizar una nueva tecnología, y hay un aviso de seguridad que es particularmente importante que el usuario lea. Es posible que desee enfatizar ese aviso para asegurarse de que el usuario no se lo pierda cuando esté leyendo las instrucciones.
En HTML , hay funciones integradas que permiten a los codificadores para envalentonar un texto en particular. En este tutorial, vamos a desglosar las tres formas más comunes de envalentonar texto en HTML : la etiqueta & lt; b & gt; , la etiqueta & lt; strong & gt; y el parámetro font-weight Cascading Style Sheets (CSS) .
La forma más común en que los desarrolladores crean texto en negrita en HTML es mediante el uso de la etiqueta & lt; b & gt; . La etiqueta & lt; b & gt; funciona para crear un elemento que representa texto en negrita en una página web HTML . Por ejemplo, una etiqueta & lt; b & gt; puede resaltar subtítulos en un artículo en línea.
A continuación, se muestra un ejemplo de HTML & lt; b & gt; etiqueta en acción:
& lt; b & gt; Este texto está en negrita & lt; / b & gt;
Es así de simple. Si desea poner en negrita una parte particular del texto pero dejar el resto de un párrafo, puede incluir una etiqueta & lt; b & gt; en una sección como lo hacemos a continuación:
& lt; p & gt; Este texto no está en negrita. & lt; b & gt; ¡Pero este texto está en negrita! & lt; / b & gt; & lt; / p & gt;
Aquí está el resultado de nuestro código:
81% de los participantes declararon que se sentían más seguros sobre sus perspectivas laborales después de asistir a un campamento de entrenamiento. Asóciese a un bootcamp hoy mismo.
El graduado promedio de bootcamp pasó menos de seis meses en la transición de carrera, desde comenzar un bootcamp hasta encontrar su primer trabajo.
Aparece el comienzo de nuestro párrafo normal, y el texto dentro de nuestra etiqueta & lt; b & gt; ha sido envalentonado.
Además, puede utilizar la etiqueta & lt; strong & gt; para crear texto en negrita en < código> HTML . La etiqueta & lt; strong & gt; es exactamente igual que la etiqueta & lt; b & gt; , con una diferencia: la etiqueta fuerte indica que su contenido requiere atención especial. A continuación, se muestra un ejemplo de una etiqueta & lt; strong & gt; que se utiliza:
& lt; p & gt; Su nombre de usuario para su nueva computadora es & lt; b & gt; JohnAppleseed & lt; / b & gt; & lt; / p & gt; & lt; p & gt; & lt; strong & gt; ¡Atención! & lt; / strong & gt; Debe cambiar su contraseña después de iniciar sesión. & lt; / p & gt;
Nuestro código devuelve lo siguiente:
Como se puede ver, la & lt; b & gt; tag está siendo utilizado para el texto que el lector puede leer . La etiqueta & lt; strong & gt; se utiliza para indicar que el lector debe prestar especial atención a la palabra Atención . Dicho esto, aparte de esta diferencia, & lt; b & gt; y & lt; strong & gt; son las mismas.
Las etiquetas & lt; strong & gt; y & lt; b & gt; se utilizan en elementos básicos HTML para indicar que el texto es importante y debe leerse. Sin embargo, también hay una propiedad CSS que nos da más control sobre cómo aparece nuestro texto: font-weight .
font-weight permite a los programadores determinar qué tan pesado o ligero & mdash; qué audaz & mdash; aparece una parte particular del texto. A continuación, se muestra un ejemplo de la etiqueta font-weight aplicada a un párrafo con la etiqueta thick :
HTML :
CSS :
p.thick {font- peso: 900; } Nuestro código devuelve lo siguiente:
En nuestro ejemplo, se define una clase llamada gruesa , que establece el font-weight propiedad para nuestro texto a 900, lo que significa que el texto donde hacemos referencia a la clase grueso aparecerá envalentonado. Vale la pena señalar que podemos personalizar el número "900". dependiendo de si queremos que nuestro texto parezca más claro o más audaz.
Alternativamente, podríamos especificar nuestro font-weight usando el atributo style font-weight negrita, así:
& lt; p & gt; Este es un párrafo de ejemplo. & lt; / p & gt; & lt; p style = "font-weight : 900; "& gt; Este es un párrafo de ejemplo en negrita. & Lt; / p & gt;
El texto en negrita es una parte importante del formato de texto en HTML . Si necesita llamar la atención sobre una línea de texto en particular o algunas palabras, es posible que desee envalentonarlo. En este tutorial, hemos desglosado las tres formas principales de envalentonar el texto: & lt ; b & gt; , & lt; strong & gt; y font-weight . ¡Ahora está listo para crear texto en negrita como un experto!