How do I make text bold in HTML

Question

I m trying to make some text bold using HTML  but I m struggling to get it to work   Here s what I m trying   Some  lt bold gt text lt  bold gt  that I want emboldened    Could someone tell me what I m doing wrong

User · Answer

You re nearly there   For a bold text  you should have this   lt b gt  bold text lt  b gt  or   lt strong gt bold text lt  strong gt  They have the same result   Working example - JSfiddle

User · Answer

The Markup Way    lt strong gt I m Bold  lt  strong gt  and  lt b gt I m Bold Too  lt  b gt    The Styling Way    bold     font-weight bold      lt span class  bold  gt I m Bold  lt  span gt       From  http   www december com html x1             lt b gt           This element encloses text which should be rendered by the browser as boldface  Because the meaning of the B element defines the appearance of the content it encloses  this element is considered a  physical  markup element  As such  it doesn t convey the meaning of a semantic markup element such as strong             lt strong gt           Description This element brackets text which should be strongly emphasized  Stronger than the em element

User · Answer

Could someone tell me what I m doing wrong      bold  has never been an HTML element   b  is the closest match    HTML should contain structured content  publisher CSS should suggest styles for that content  That way user agents can expose the structured content with useful styling and navigational controls to users who can t see your suggested bold styling  e g  users of search engines  totally blind users using screen readers  poorly sighted users using their own colors and fonts  geeky users using text browsers  users of voice-controlled  speaking browsers like Opera for Windows   Thus the right way to make text bold depends on why you want to style it bold  For example    Want to distinguish headings from other text  Use heading elements   h1  to  h6   and suggest a bold style for them within your CSS   h1  h2  h3  h4  h5  h6  font-weight  bold     Want to embolden labels for form fields  Use a  label  element  programmatically associate it with the the relevant  select    input  or  textarea  element by giving it a  for  attribute matching an  id  attribute on the target  and suggest a bold style for it within your CSS   label  font-weight  bold      Want to embolden a heading for a group of related fields in a form  such as a group of radio choices  Surround them with a  fieldset  element  give it a  legend  element  and suggest a bold style for it within your CSS   legend  font-weight  bold      Want to distinguish a table caption from the table it captions  Use a  caption  element and suggest a bold style for it within your CSS   caption  font-weight  bold      Want to distinguish table headings from table data cells  Use a  th  element and suggest a bold style for it within your CSS   th  font-weight  bold      Want to distinguish the title of a referenced film or album from surrounding text  Use a  cite  element with a class   cite class  movie-title    and suggest a bold style for it within your CSS    movie-title  font-weight  bold      Want to distinguish a defined keyword from the surrounding text defining or explaining it  Use a  dfn  element and suggest a bold style for it within your CSS   dfn  font-weight  bold      Want to distinguish some computer code from surrounding text  Use a  code  element and suggest a bold style for it within your CSS   code  font-weight  bold      Want to distinguish a variable name from surrounding text  Use a  var  element and suggest a bold style for it within your CSS   var  font-weight  bold      Want to indicate that some text has been added as an update  Use an  ins  element and suggest a bold style for it within your CSS   ins  font-weight  bold      Want to lightly stress some text   I love kittens     Use an  em  element and suggest a bold style for it within your CSS  e g   em  font-weight  bold      Want to heavily stress some text  perhaps for a warning   Beware the dog     Use a  strong  element and suggest a bold style for it within your CSS  e g   strong  font-weight  bold            You get the idea  hopefully    Can t find an HTML element with the right semantics to express  why  you want to make this particular text bold  Wrap it in a generic  span  element  give it a meaningful class name that expresses your rationale for distinguishing that text    lt span class  lede  gt Let me begin this news article with a sentence that summarizes it  lt  span gt    and suggest a bold style for it within your CSS    lede  font-weight  bold     Before making up your own class names  you might want to check if there s a microformat  microformats org  or common convention for what you want to express

User · Answer

The HTML  element defines bold text  without any extra importance    lt b gt This text is bold lt  b gt    The HTML  element defines strong text  with added semantic  strong  importance    lt strong gt This text is strong lt  strong gt

User · Answer

Another option is to do it via CSS      E g  1   lt span style  font-weight  bold   gt Hello stackoverflow  lt  span gt    E g  2   lt style type  text css  gt       text               font-weight  bold         lt  style gt    lt div id  text  gt      Hello again   lt  div gt

User · Answer

In Html use    Some  lt b gt text lt  b gt  that I want emboldened  Some  lt strong gt text lt  strong gt  that I want emboldened    In CSS use    Some  lt span style  font-weight bold  gt text lt  span gt  that I want emboldened

User · Answer

I think the real answer is http   www w3schools com HTML default asp

User · Answer

HTML doesn t have a  lt bold gt  tag  instead you would have to use  lt b gt   Note however  that using  lt b gt  is discouraged in favor of CSS for a while now  You would be better off using CSS to achieve that   The  lt strong gt  tag is a semantic element for strong emphasis which defaults to bold

User · Answer

use  lt strong gt  or  lt b gt  tag  also  you can try with css  lt span style  font-weight bold  gt text lt  span gt

User · Answer

It   s just  lt b gt  instead of  lt bold gt    Some  lt b gt text lt  b gt  that I want bolded    Note that  lt b gt  just changes the appearance of the text  If you want to render it bold because you want to express a strong emphasis  you should better use the  lt strong gt  element

[css] How do I make text bold in HTML?

Examples related to css

Examples related to html