¿Cómo pongo el texto en negrita en HTML?

153

Estoy tratando de poner 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.

¿Alguien podría decirme qué estoy haciendo mal?

usuario133145
fuente
17
Estoy de acuerdo en que debe buscarse en Google primero, pero creo que el punto es que la próxima vez que alguien busque en Google, se lo dirigirá a SO, lo que veo como algo bueno. Más tráfico y gente llegando a SO.
Andrija el
@binfolder podría querer decir si aprendió o no <negrita> de Google. Otra posibilidad más general: cada vez más personas se desarrollan sin escuela y sin leer libros. Aprendimos esto en el "día uno" o el "día dos" de "HTML 101". No tienen clases programadas.
John Saunders
2
@Andrija: Estoy de acuerdo en dirigirlos aquí. Es por eso que mi respuesta los dirigió de regreso a un lugar donde pueden aprender la respuesta a la siguiente pregunta: "¿Cómo hago la cursiva?"
John Saunders el

Respuestas:

222

uso <strong>o <b>etiqueta

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

Andrija
fuente
53

HTML no tiene una <bold>etiqueta, en su lugar, tendría que usar <b>. Sin embargo, <b>tenga en cuenta que se desaconseja el uso a favor de CSS por un tiempo . Sería mejor usar CSS para lograr eso.

La <strong>etiqueta es un elemento semántico para un fuerte énfasis que por defecto es negrita.

Joey
fuente
2
+1 b es HTML 4, nunca debería ser fuerte / css es el camino a seguir
googletorp el
<b> nunca ha quedado en desuso. Recomendado en contra de <em>, <strong>, <h1..6>, etc., sí; en desuso, no.
Noah Medling el
¿Por qué debería <b>desalentarse el uso a favor de CSS? Es como decir que no se recomienda usar <h* n* >a favor de CSS. Está en el estándar, así que úsalo.
Gumbo el
Gumbo: De w3.org/TR/html4/present/graphics.html#h-15.2.1 - "Los siguientes elementos HTML especifican información de fuente. Aunque no están en desuso, se desaconseja su uso a favor de las hojas de estilo".
Joey el
1
En realidad, esos elementos están regresando en HTML 5 como "elementos de frase", por ejemplo, <small> simboliza la letra pequeña, mientras que <b> debe usarse para títulos de libros, creo.
DisgruntledGoat el
21

La forma de marcado:

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

La forma de peinado:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

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

<b>

Este elemento encierra el texto que el navegador debe representar como negrita. Debido a que el significado del elemento B define la apariencia del contenido que encierra, este elemento se considera un elemento de marcado "físico". Como tal, no transmite el significado de un elemento de marcado semántico como fuerte.

<strong>

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

Sampson
fuente
3
strongNo es lo mismo que b.
Gumbo el
8
Nunca dije que lo fueran.
Sampson el
12

En uso de HTML:

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

En uso de CSS:

  • Algún <span style="font-weight:bold">texto </span>que quiero envalentonado.
Geo
fuente
7

¿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; El editor CSS debería sugerir estilos para ese contenido. De esta forma, los agentes de usuario pueden exponer el contenido estructurado con un estilo útil y controles de navegación a los usuarios que no pueden ver su estilo audaz sugerido (por ejemplo, usuarios de motores de búsqueda, usuarios totalmente ciegos que usan lectores de pantalla, usuarios con poca visión que usan sus propios colores y fuentes, usuarios geek que usan navegadores de texto, usuarios de navegadores que hablan y controlan por voz como Opera para Windows). Por lo tanto, la forma correcta de hacer que el texto aparezca en negrita depende de por qué desea darle estilo en negrita. Por ejemplo:

  • ¿Quieres distinguir los títulos de otro texto? Use elementos de encabezado ("h1" a "h6") y sugiera un estilo en negrita para ellos dentro de su CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".

  • ¿Quiere envalentonar etiquetas para campos de formulario? Utilice un elemento de "etiqueta", asócielo programáticamente con el elemento "select", "input" o "textarea" correspondiente, dándole un atributo "for" que coincida con un atributo "id" en el destino 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? Rodéalos con un elemento "conjunto de campos", asígnele un elemento "leyenda" y sugiérale un estilo en negrita dentro de su CSS ("leyenda {font-weight: bold;}").

  • ¿Desea distinguir un título de tabla de los títulos de tabla? Use un elemento "caption" y sugiera un estilo en negrita dentro de su CSS ("caption {font-weight: bold;}").

  • ¿Desea distinguir encabezados de tabla de celdas de datos de tabla? Use un elemento "th" y sugiera un estilo en negrita dentro de su CSS ("th {font-weight: bold;}").

  • ¿Quiere distinguir el título de una película o álbum referenciado del texto circundante? Use un elemento "cite" con una clase ("cite class =" movie-title "), y sugiera un estilo en negrita dentro de su CSS (" .movie-title {font-weight: bold;} ").

  • ¿Desea distinguir una palabra clave definida del texto circundante que la define o explica? Use un elemento "dfn" y sugiera un estilo en negrita dentro de su CSS ("dfn {font-weight: bold;}").

  • ¿Quiere distinguir algún código de computadora del texto que lo rodea? Use un elemento de "código" y sugiera un estilo en negrita dentro de su CSS ("code {font-weight: bold;}").

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

  • ¿Quiere indicar que se ha agregado algún texto como actualización? Use un elemento "ins" y sugiera un estilo en negrita dentro de su CSS ("ins {font-weight: bold;}").

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

  • ¿Quiere enfatizar mucho algún texto, tal vez como una advertencia ("¡ Cuidado con el perro! ")? Use un elemento "fuerte" y sugiera un estilo en negrita dentro de su CSS (por ejemplo, "fuerte {font-weight: bold;}").

... Tienes la idea (con suerte).

¿No puede encontrar un elemento HTML con la semántica correcta para expresar / por qué / desea poner este texto en negrita? Envuélvalo en un elemento genérico "span", asígnele un nombre de clase significativo que exprese su justificación para distinguir ese texto ("<abarcan clase =" lede "> Permítanme comenzar este artículo de noticias con una oración que lo resume. </ Span >), y sugiera un estilo en negrita dentro de 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 quieres expresar.

Benjamin Hawkes-Lewis
fuente
En resumen, {link_to_HTML_element {font-weight: bold; }}
James H
6

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

<b>This text is bold</b>

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

<strong>This text is strong</strong>
Muhammad Awais
fuente
5

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

Eg 1

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

Ej. 2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

fuente
4

¡Ya casi estás 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

1010
fuente
2
Esta pregunta realmente se hizo hace siete años y ya tiene una solución (la respuesta correcta se publicó 3 minutos después de que se hizo). Entonces su respuesta realmente no agrega nada útil. Si desea encontrar problemas que aún no se han resuelto, escriba answers:0en el cuadro de búsqueda en la parte superior, que le dará una lista de todas las preguntas que no tienen respuestas publicadas.
Sr. Lister
1
@MrLister IMO, el enlace a JSfiddle es bastante útil.
ẘpẘ
3

Es solo en <b>lugar de <bold>:

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

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

Gumbo
fuente
2

Creo que la respuesta real es http://www.w3schools.com/HTML/default.asp .

John Saunders
fuente
2
Exactamente. Si usted no sabe cómo hacer que el texto en negrita en HTML, y no cómo averiguarlo, es necesario comenzar con la lección 1.
myplacedk
2
@Gareth: ¿qué consideras incorrecto con w3schools y cuál consideras que es la respuesta correcta para alguien que no conoce el HTML del primer día? Ok, tal vez el día dos si son días cortos.
John Saunders el
Esta fue una de las pocas veces que recomendé w3schools. Vive y aprende.
John Saunders