texto tamaño tag subrayado negritas negrita letras letra las hacer etiquetas como color html css html5

tamaño - ¿Cómo hago que el texto sea negrita en HTML?



subrayado html5 (10)

Estoy tratando de hacer algo de texto en negrita usando HTML, pero estoy luchando para que funcione.

Esto es lo que estoy intentando:

Some <bold>text</bold> that I want emboldened.

¿Podría alguien decirme qué estoy haciendo mal?


¿Podría alguien decirme qué estoy haciendo mal?

"negrita" nunca ha sido un elemento HTML ("b" es la coincidencia más cercana).

HTML debe contener contenido estructurado; editor CSS debería sugerir estilos para ese contenido. De esta forma, los agentes de usuario pueden exponer el contenido estructurado con útiles controles de navegación y estilo a usuarios que no pueden ver su estilo audaz sugerido (por ejemplo, usuarios de motores de búsqueda, usuarios totalmente ciegos que utilizan lectores de pantalla, usuarios con poca visión usando sus propios colores y fuentes, usuarios geek que usan navegadores de texto, usuarios de navegadores de voz controlados por voz como Opera para Windows). Por lo tanto, la forma correcta de hacer que el texto sea en negrita depende del motivo por el que desea darle un estilo en negrita. Por ejemplo:

  • ¿Desea distinguir encabezados de otro texto? Utilice los elementos de encabezado ("h1" a "h6") y sugiera un estilo atrevido para ellos dentro de su CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".

  • ¿Quieres envalentonar las etiquetas para los campos de formulario? Utilice un elemento "etiqueta", asócielos programáticamente con los elementos relevantes "seleccionar", "entrada" o "área de texto" dándole un atributo "para" que coincida con un atributo "id" en el objetivo, y sugiera un estilo en negrita para dentro de su CSS ("label {font-weight: bold;"}).

  • ¿Desea envalentonar un encabezado para un grupo de campos relacionados en un formulario, como un grupo de opciones de radio? Rodearlos con un elemento "fieldset", darle un elemento de "leyenda" y sugerir un estilo atrevido para él dentro de su CSS ("leyenda {font-weight: bold;}").

  • ¿Desea distinguir una leyenda de tabla de la leyenda? Use un elemento de "título" y sugiérale un estilo atrevido en su CSS ("título {font-weight: bold;}").

  • ¿Desea distinguir los encabezados de tabla de las celdas de datos de tabla? Use un elemento "th" y sugiérale un estilo atrevido dentro de su CSS ("th {font-weight: bold;}").

  • ¿Desea distinguir el título de una película o álbum de referencia del texto que lo rodea? Utilice un elemento "citar" con una clase ("cite class =" movie-title ") y sugiérale un estilo atrevido dentro de su CSS (" .movie-title {font-weight: bold;} ").

  • ¿Desea distinguir una palabra clave definida del texto circundante definiéndola o explicándola? Use un elemento "dfn" y sugiérale un estilo atrevido dentro de su CSS ("dfn {font-weight: bold;}").

  • ¿Desea distinguir algún código de computadora del texto que lo rodea? Use un elemento de "código" y sugiérale un estilo atrevido dentro de su CSS ("código {font-weight: bold;}").

  • ¿Desea distinguir un nombre de variable del texto circundante? Use un elemento "var" y sugiérale un estilo atrevido dentro de su CSS ("var {font-weight: bold;}").

  • ¿Desea indicar que se ha agregado algo de texto como actualización? Use un elemento "ins" y sugiérale un estilo atrevido dentro de su CSS ("ins {font-weight: bold;}").

  • ¿Quieres enfatizar un poco el texto ("Me encantan los gatitos")? Use un elemento "em" y sugiérale un estilo atrevido dentro de su CSS (por ejemplo, "em {font-weight: bold;}").

  • Desea enfatizar mucho el texto, quizás como advertencia ("¡ Cuidado con el perro! "). Use un elemento "fuerte" y sugiérale un estilo atrevido dentro de su CSS (por ejemplo, "strong {font-weight: bold;}").

... Tienes la idea (con suerte).

¿No puede encontrar un elemento HTML con la semantics correcta para expresar / por qué / quiere que este texto en particular sea negrita? Envuélvalo en un elemento "span" genérico, asígnele un nombre de clase significativo que exprese su lógica para distinguir ese texto ("<span class =" lede "> Permítame comenzar este artículo de noticias con una oración que lo resuma. </ Span >), y sugiera un estilo atrevido en su CSS (".lede {font-weight: bold;"}. Antes de crear sus propios nombres de clase, es posible que desee comprobar si hay un microformato (microformats.org) o convención común para lo que quiere expresar.


¡Estás casi allí!

Para un texto en negrita, debe tener esto: <b> bold text</b> o <strong>bold text</strong> Tienen el mismo resultado.

Ejemplo de trabajo - JSfiddle



El elemento HTML define texto en negrita, sin ninguna importancia adicional.

<b>This text is bold</b>

El elemento HTML define texto fuerte, con importancia semántica "fuerte" añadida.

<strong>This text is strong</strong>


El modo de marcado:

<strong>I''m Bold!</strong> and <b>I''m Bold Too!</b>

El estilo de peinado:

.bold { font-weight:bold; } <span class="bold">I''m Bold!</span>

Desde: http://www.december.com/html/x1/

<b>

Este elemento incluye texto que el navegador debe mostrar en negrita. Como el significado del elemento B define la apariencia del contenido que incluye, este elemento se considera un elemento de marcado "físico". Como tal, no transmite el significado de un elemento de marcado semántico como strong.

<strong>

Descripción Este elemento corchea el texto que debe enfatizarse fuertemente. Más fuerte que el elemento em.


En uso de HTML:

  • Algún <b> texto </b> que quiero envalentonado.
  • Algún <strong> texto </strong> que quiero envalentonar.

En el uso de CSS:

  • Algunos <span style="font-weight:bold"> text </span> que quiero envalentonados.

Es solo <b> lugar de <bold> :

Some <b>text</b> that I want bolded.

Tenga en cuenta que <b> solo cambia la apariencia del texto. Si quiere mostrarlo en negrita porque quiere expresar un énfasis fuerte, debería usar mejor el <strong> .



Otra opción es hacerlo a través de CSS ...

Ej. 1

<span style="font-weight: bold;">Hello !</span>

Ejemplo 2

<style type="text/css"> #text { font-weight: bold; } </style> <div id="text"> Hello again! </div>


usa la etiqueta <strong> o <b>

también, puedes probar con css <span style="font-weight:bold">text</span>