Como faço para tornar o texto em negrito em HTML?

153

Estou tentando fazer um texto em negrito usando HTML, mas estou lutando para fazê-lo funcionar.

Aqui está o que estou tentando:

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

Alguém poderia me dizer o que estou fazendo de errado?

user133145
fonte
17
Concordo que ele deve ser pesquisado no Google primeiro, mas acho que o ponto é que, na próxima vez que alguém pesquisar no Google, ele será direcionado para o SO, o que considero uma coisa boa. Mais tráfego e pessoas entrando no SO.
Andrija
O @binfolder pode querer dizer se aprendeu ou não <bold> com o Google. Outra possibilidade mais geral: mais e mais pessoas estão se desenvolvendo sem escola e sem ler livros. Aprendemos essas coisas no "primeiro dia" ou no "segundo dia" do "HTML 101". Eles não têm aulas agendadas.
John Saunders
2
@Andrija: Eu concordo em direcioná-los aqui. É por isso que minha resposta os direcionou de volta para um lugar onde eles podem aprender a resposta para a próxima pergunta: "como faço para itálico?"
John Saunders

Respostas:

222

usar <strong>ou <b>marcar

Além disso, você pode tentar com css <span style="font-weight:bold">text</span>

Andrija
fonte
53

O HTML não tem uma <bold>tag; você precisaria usar <b>. Observe, no entanto, que o uso <b>é desencorajado em favor do CSS por um tempo . Você seria melhor usando CSS para conseguir isso.

A <strong>tag é um elemento semântico de forte ênfase, cujo padrão é negrito.

Joey
fonte
2
+1 b é HTML 4, você não deve ele nunca forte / css é o caminho a percorrer
googletorp
<b> nunca foi preterido. Recomendado contra a favor de <em>, <strong>, <h1..6>, etc., sim; obsoleto, não.
Noah Medling 04/07/09
Por que o uso deve <b>ser desencorajado em favor do CSS? É como dizer que usar <h* n* >é desencorajado em favor do CSS. Está no padrão, então use-o.
Gumbo
Gumbo: De w3.org/TR/html4/present/graphics.html#h-15.2.1 - "Os seguintes elementos HTML especificam informações da fonte. Embora nem todos sejam reprovados, seu uso é desaconselhado em favor de folhas de estilo."
1013 Joey
1
Na verdade, esses elementos estão retornando no HTML 5 como "elementos de frase" - por exemplo, <small> simboliza letras pequenas, enquanto <b> deve ser usado para títulos de livros, eu acho.
DiscruntledGoat
21

A maneira de marcação:

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

A maneira de estilo:

.bold {
  font-weight:bold;
}

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

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

<b>

Este elemento inclui o texto que deve ser renderizado pelo navegador como negrito. Como o significado do elemento B define a aparência do conteúdo que ele inclui, esse elemento é considerado um elemento de marcação "físico". Como tal, ele não transmite o significado de um elemento de marcação semântica como forte.

<strong>

Descrição Este elemento coloca entre colchetes o texto que deve ser enfatizado fortemente. Mais forte que o elemento em.

Sampson
fonte
3
strongnão é o mesmo que b.
Gumbo
8
Nunca disse que eles eram.
Sampson
12

No uso de HTML:

  • Algum <b>texto </b>que eu quero encorajado.
  • Algum <strong>texto </strong>que eu quero encorajado.

No uso de CSS:

  • Algum <span style="font-weight:bold">texto </span>que eu quero encorajado.
Geo
fonte
7

Alguém poderia me dizer o que estou fazendo de errado? "

"bold" nunca foi um elemento HTML ("b" é a correspondência mais próxima).

O HTML deve conter conteúdo estruturado; o CSS do editor deve sugerir estilos para esse conteúdo. Dessa forma, os agentes de usuário podem expor o conteúdo estruturado com estilo e controles de navegação úteis para usuários que não podem ver o estilo em negrito sugerido (por exemplo, usuários de mecanismos de pesquisa, usuários totalmente cegos usando leitores de tela, usuários com deficiência visual usando suas próprias cores e fontes, usuários nerd usando navegadores de texto, usuários de navegadores controlados por voz e falantes, como o Opera for Windows). Portanto, a maneira correta de tornar o texto em negrito depende do motivo pelo qual você deseja denominá-lo em negrito. Por exemplo:

  • Deseja distinguir títulos de outro texto? Use os elementos de cabeçalho ("h1" a "h6") e sugira um estilo em negrito para eles em seu CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".

  • Deseja destacar rótulos para campos de formulário? Use um elemento "label", associe-o programaticamente ao elemento "select", "input" ou "textarea" relevante, fornecendo a ele um atributo "for" que corresponde a um atributo "id" no destino e sugira um estilo em negrito para dentro do seu CSS ("label {font-weight: bold;"}).

  • Deseja destacar um título para um grupo de campos relacionados em um formulário, como um grupo de opções de rádio? Coloque-os com um elemento "fieldset", forneça um elemento "legend" e sugira um estilo arrojado dentro do seu CSS ("legend {font-weight: bold;}").

  • Deseja distinguir uma legenda da tabela da legenda? Use um elemento "caption" e sugira um estilo em negrito para ele em seu CSS ("caption {font-weight: bold;}").

  • Deseja distinguir os títulos das tabelas das células de dados da tabela? Use um elemento "th" e sugira um estilo negrito para ele em seu CSS ("th {font-weight: bold;}").

  • Deseja distinguir o título de um filme ou álbum referenciado do texto ao redor? Use um elemento "cite" com uma classe ("cite class =" movie-title ") e sugira um estilo em negrito no seu CSS (" .movie-title {font-weight: bold;} ").

  • Deseja distinguir uma palavra-chave definida do texto circundante que a define ou explica? Use um elemento "dfn" e sugira um estilo em negrito para ele em seu CSS ("dfn {font-weight: bold;}").

  • Deseja distinguir algum código de computador do texto ao redor? Use um elemento "code" e sugira um estilo negrito para ele dentro do seu CSS ("code {font-weight: bold;}").

  • Deseja distinguir um nome de variável do texto circundante? Use um elemento "var" e sugira um estilo negrito para ele em seu CSS ("var {font-weight: bold;}").

  • Deseja indicar que algum texto foi adicionado como uma atualização? Use um elemento "ins" e sugira um estilo em negrito para ele em seu CSS ("ins {font-weight: bold;}").

  • Deseja enfatizar levemente algum texto ("Eu amo gatinhos!")? Use um elemento "em" e sugira um estilo arrojado para ele em seu CSS (por exemplo, "em {font-weight: bold;}").

  • Deseja enfatizar bastante algum texto, talvez para um aviso (" Cuidado com o cachorro! ")? Use um elemento "forte" e sugira um estilo arrojado para ele em seu CSS (por exemplo, "forte {font-weight: bold;}").

... Você entendeu (espero).

Não é possível encontrar um elemento HTML com a semântica correta para expressar / por que / você deseja deixar esse texto específico em negrito? Envolva-o em um elemento genérico "span", dê a ele um nome de classe significativo que expresse sua justificativa para distinguir esse texto ("<span class =" lede "> Deixe-me começar este artigo de notícias com uma frase que o resuma. </ Span >) e sugira um estilo em negrito no CSS (".lede {font-weight: bold;"}. Antes de criar seus próprios nomes de classe, convém verificar se há um microformato (microformats.org) ou convenção comum para o que você deseja expressar.

Benjamin Hawkes-Lewis
fonte
Então, em resumo {link_to_HTML_element {font-weight: bold; }}
James H
6

O elemento HTML define texto em negrito, sem nenhuma importância extra.

<b>This text is bold</b>

O elemento HTML define texto forte, com importância semântica "forte" adicionada.

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

Outra opção é fazê-lo via CSS ...

Eg 1

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

Eg 2

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

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

fonte
4

Você está quase lá!

Para um texto em negrito, você deve ter o seguinte: <b> bold text</b>ou <strong>bold text</strong>Eles têm o mesmo resultado.

Exemplo de trabalho - JSfiddle

1010
fonte
2
Esta pergunta foi feita há sete anos e já tem uma solução (a resposta correta foi postada 3 minutos após a pergunta). Portanto, sua resposta não adiciona nada de útil. Se você deseja encontrar problemas que ainda não foram resolvidos, digite answers:0na caixa de pesquisa na parte superior, que fornecerá uma lista de todas as perguntas que não têm respostas postadas.
Sr. Lister
1
@ MrLister IMO o link para JSfiddle é bastante útil.
Χpẘ
3

É apenas em <b>vez de <bold>:

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

Observe que <b>apenas altera a aparência do texto. Se você quiser torná-lo em negrito, porque você quer expressar uma forte ênfase, é melhor você usar o <strong>elemento .

quiabo
fonte
2

Eu acho que a resposta real é http://www.w3schools.com/HTML/default.asp .

John Saunders
fonte
2
Exatamente. Se você não sabe como fazer com que o texto em negrito em HTML, e não como descobrir, você precisa para começar com lição 1.
myplacedk
2
@Gareth: o que você considera errado com o w3schools e o que você considera a resposta correta para alguém que não conhece o HTML do primeiro dia? Ok, talvez no segundo dia, se forem dias curtos.
John Saunders
Essa foi uma das poucas vezes em que recomendei o w3schools. Viva e aprenda.
John Saunders