Contenido

• Pasos
• Método 1 de 2: crear texto en negrita con HTML
• Método 2 de 2: cree texto en negrita con CSS
• Consejos

El lenguaje de marcado HTML le permite poner el texto en negrita sin ningún problema, e incluso de varias formas a la vez. Sin embargo, será mejor si dedicas un par de minutos a estudiar las reglas básicas de las hojas de estilo en cascada (CSS) y las agregas al documento para que puedas trabajar allí más tarde. La conclusión es que es mucho más fácil controlar la apariencia de una página web desde CSS, incluso cuando es necesario resaltar algo en negrita.

Pasos

Método 1 de 2: crear texto en negrita con HTML

1. 1 fuerte> Utilice la etiqueta fuerte / fuerte>. En HTML5, de acuerdo con las especificaciones, esta es la mejor manera de resaltar texto. Esta etiqueta casi siempre hará que el texto esté en negrita.
   • Coloque el texto que desea resaltar dentro de las etiquetas: fuerte>aquí mismo/ fuerte>.
2. 2 Use títulos cuando sea apropiado. Por lo general, se colocan en la parte superior de la página o al comienzo de una nueva sección. De forma predeterminada, los títulos se muestran más grandes y en negrita que el texto normal, aunque aquí también hay algunas sutilezas. Hay seis niveles de títulos, del 1 al 6: h1> - h6>. Siga estas pautas al usarlos:
   • El encabezado h1 se escribe así: h1> encabezado de primer nivel / h1>, y este es el encabezado más importante y más grande de la página.
   • h2> Rumbo h2 / h2> - para el segundo rumbo más importante, y así sucesivamente hasta el mismo h6> rumbo h6, el más pequeño de todos / h6>.
   • Debe utilizar los encabezados con cuidado, con moderación, únicamente para organizar el contenido de la página. El usuario debe poder ver el título lo más rápido posible para comprender si el contenido que desea está debajo.
   • Al crear subtítulos, vale la pena bajar solo un nivel a la vez. En otras palabras, no es necesario poner después de h1> inmediatamente h3>. De esta manera, el formato de la página no fallará al convertir a otro formato.
3. 3 b> Como último recurso, use la etiqueta b / b>. La etiqueta b> todavía es compatible con HTML5, pero mucho mejor. Puede utilizar b> cuando el texto está resaltado con fines estilísticos y no semánticos, por ejemplo, para resaltar palabras clave o vocabulario, nombres de productos, etc.
   • Como la mayoría de las etiquetas, b> es un par que controla el texto / b> que se coloca dentro de él.

Método 2 de 2: cree texto en negrita con CSS

1. 1 Recuerde cuándo usar CSS. CSS es una herramienta muy poderosa y conveniente para editar la apariencia de una página. En realidad, CSS es cómo se "ve" la página, mientras que HTML es lo que "significa". Por supuesto, las etiquetas HTML no tienen nada de malo, se pueden usar, pero es mejor trabajar con CSS: tiene más control sobre cómo se verá su texto.
   • Abra una página HTML simple en diferentes navegadores. ¿Observa cómo aparece de manera ligeramente diferente en cada uno? CSS puede ayudar a mantener esta diferencia al mínimo.
2. 2 Agrega una etiqueta span> al texto. Si aún no posee CSS, debe comenzar con el llamado "CSS en línea" - "hojas de estilo en línea", si lo desea. Esto, por supuesto, se puede usar para cambiar la apariencia de etiquetas como p> o h1>, pero a veces también puede cambiar el texto que aún no está incluido en ninguna etiqueta. La etiqueta span> / span> es como un contenedor que en sí mismo no tiene ningún efecto o efecto, pero nos da la oportunidad de realizar los cambios necesarios en la página. He aquí un ejemplo:
   • span> Estoy aprendiendo a poner texto en negrita con CSS en línea ./span>
3. 3 Agregue el atributo de estilo. Los atributos en HTML se escriben directamente en la etiqueta, justo en las casillas de verificación>. El atributo de estilo es necesario para insertar CSS en una etiqueta HTML, así que inserte estilo = en la etiqueta span:
   • span style => Estoy aprendiendo a poner texto en negrita con CSS en línea ../ span>
   • ¿Por qué agregar un atributo de estilo si no agrega el estilo en sí? Piense bien. ¡Pero aquí vamos explicándolo todo paso a paso!
4. 4 Agregue la propiedad font-weight. Las propiedades CSS se agregan como parte del atributo, en este caso como parte del atributo de estilo, a saber, "font-weight" (peso literal). Esta propiedad se puede utilizar para especificar el estilo de una fuente, no solo negrita, sino también extra negrita, fina o normal. Después del signo =, escriba "font-weight:"... Debería verse algo como esto:
   • span style = "font-weight:"> Estoy aprendiendo a poner texto en negrita usando CSS en línea ../ span>
   • Haz una pausa por ahora, no escribas nada más (y sí, hay más por venir).
   • No olvide poner comillas antes y después peso de la fuente:.
5. 5 Agregue el valor en negrita. ¿Lo que queda? ¡Así es, establezca la propiedad del atributo en un valor! ¿Dónde insertarlo? Eso es correcto, entre peso de la fuente: y una cotización de cierre. Esta propiedad tiene varias variedades, que difieren en audacia, y la forma más fácil es usar el valor audaz:
   • span style = "font-weight: bold"> Estoy aprendiendo a poner texto en negrita usando CSS en línea./span>
6. 6 Experimente con otros valores. CSS es mucho más poderoso que HTML, así que no se sienta atado de pies y manos. Aquí hay algunas alternativas a la negrita:
   • span style = "font-weight: negrita"> "Más negrita": de esta manera, el texto siempre será más grueso que el elemento principal, sin importar qué tan negrita esté. / span> Si todo el párrafo está seleccionado con "negrita", entonces "más audaz" ayudará a resaltar aún más audazmente, digamos, una oración separada que está en él.
   • span style = "font-weight: normal"> "Normal": dicho texto se verá como de costumbre, incluso cuando esté dentro de una etiqueta que lo ponga en negrita. / span>
   • span style = "font-weight: 900"> Para establecer el peso del texto, puede utilizar valores de 100 a 900. 400 - estilo normal, negrita - de 700 y superior. / span>

Consejos

• Cuando use valores numéricos para el peso en CSS, use múltiplos de 100. Todos los demás valores aún se redondearán hacia arriba.
• Un archivo CSS externo, sin duda, es mucho más conveniente que lo que se describe en este artículo; de esta manera, será posible controlar la apariencia de todas las páginas del sitio desde un archivo a la vez.
• No se puede hacer una fuente más gruesa de lo que pretendían originalmente los tipógrafos. Cuando trabaje con CSS, recuerde que la fuente cambiará según el estándar. En consecuencia, no verá la diferencia entre las dos opciones de fuente en negrita (más precisamente, puede verla, pero ya depende de la fuente).