如何在HTML中使文本变为粗体?

时间:2009-07-04 14:56:47

标签: html css html5

我正在尝试使用HTML制作一些粗体文字,但我很难让它发挥作用。

以下是我正在尝试的内容:

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

有人能告诉我我做错了吗?

10 个答案:

答案 0 :(得分:191)

使用<strong><b>代码

另外,您可以尝试使用css <span style="font-weight:bold">text</span>

答案 1 :(得分:43)

HTML没有<bold>标记,而是必须使用<b>。但请注意,使用<b>的是discouraged in favor of CSS for a while now。你最好用CSS来实现它。

<strong>标记是强调重点的语义元素,defaults为粗体。

答案 2 :(得分:20)

标记方式:

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

造型方式:

.bold {
  font-weight:bold;
}

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

来自:http://www.december.com/html/x1/

     
    

<b>

         

此元素包含应由浏览器以粗体显示的文本。因为B元素的含义定义了它所包含的内容的外观,所以该元素被认为是“物理”标记元素。因此,它没有传达语义标记元素的含义,例如strong。

         

<strong>

         

描述此元素包含应强调的文本。比em元素强。

  

答案 3 :(得分:11)

在Html中使用:

  • 我想要大胆的<b>文字</b>
  • 我想要大胆的<strong>文字</strong>

在CSS中使用:

  • 我想要大胆的<span style="font-weight:bold">文字</span>

答案 4 :(得分:8)

  

有人能告诉我我做错了吗?“

“bold”从未成为HTML元素(“b”是最接近的匹配项。)

HTML应包含结构化内容;发布商CSS应该为该内容建议样式。这样,用户代理就可以向具有有用样式和导航控件的结构化内容展示无法看到您建议的大胆样式的用户(例如,搜索引擎的用户,使用屏幕阅读器的盲人用户,使用他们自己的颜色和字体的视力不佳的用户,令人讨厌的用户使用文本浏览器,语音控制的用户,如Opera for Windows。因此,使文本变为粗体的正确方法取决于为什么要将其设置为粗体样式。例如:

  • 想要将标题与其他文字区分开来吗?使用标题元素(“h1”到“h6”)并在CSS中为它们建议一个粗体样式(“h1,h2,h3,h4,h5,h6 {font-weight:bold;}”。

    < / LI>
  • 想要为表单字段添加标签吗?使用“label”元素,通过给它一个与目标上的“id”属性匹配的“for”属性,以编程方式将其与相关的“select”,“input”或“textarea”元素相关联,并建议使用粗体样式。它在你的CSS中(“标签{font-weight:bold;”})。

  • 想要为表格中的一组相关字段添加标题,例如一组广播选择?用“fieldset”元素围绕它们,给它一个“图例”元素,并在CSS中为它建议一个大胆的样式(“legend {font-weight:bold;}”)。

  • 想要将表格标题与其标题表区分开来吗?使用“标题”元素并在CSS中为其设置粗体样式(“caption {font-weight:bold;}”)。

  • 想要区分表格标题和表格数据单元格吗?使用“th”元素并在CSS中建议使用粗体样式(“th {font-weight:bold;}”)。

  • 想要区分引用的电影或专辑的标题与周围的文字?使用带有类的“cite”元素(“cite class =”movie-title“),并在CSS中为它建议一个粗体样式(”.movi​​e-title {font-weight:bold;}“)。

  • 想要将定义的关键字与定义或解释它的周围文本区分开来吗?使用“dfn”元素并在CSS中建议使用粗体样式(“dfn {font-weight:bold;}”)。

  • 想要将某些计算机代码与周围文本区分开来吗?使用“code”元素并在CSS中为其建议一个粗体样式(“code {font-weight:bold;}”)。

  • 想要区分变量名称和周围文本吗?使用“var”元素并在CSS中建议使用粗体样式(“var {font-weight:bold;}”)。

  • 想表明某些文字已添加为更新?使用“ins”元素并在CSS中建议使用粗体样式(“ins {font-weight:bold;}”)。

  • 想轻轻地强调一些文字(“我小猫!”)?使用“em”元素并在CSS中为其添加粗体样式(例如“em {font-weight:bold;}”)。

  • 想要强调一些文字,也许是为了警告(“小心狗!”)?使用“强”元素并在CSS中为其添加粗体样式(例如“strong {font-weight:bold;}”)。

......你明白了(希望如此)。

无法找到具有semantics权限的HTML元素来表达/为什么/您希望将此特定文字设为粗体?将它包装在一个通用的“span”元素中,给它一个有意义的类名,表达你区分该文本的理由(“&lt; span class =”lede“&gt;让我以一个总结它的句子开始这篇新闻文章。&lt; ; / span&gt;),并在CSS中建议一个粗体样式(“.lede {font-weight:bold;”}。在编写自己的类名之前,您可能想要检查是否有微格式(微格式)。 org)或你想要表达的共同惯例。

答案 5 :(得分:6)

HTML元素定义粗体文本,没有任何额外的重要性。

<b>This text is bold</b>

HTML元素定义了强文本,添加了语义&#34; strong&#34;重要性。

<strong>This text is strong</strong>

答案 6 :(得分:5)

另一个选择是通过CSS ...

E.g。 1

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

E.g。 2

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

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

答案 7 :(得分:4)

你差不多

对于粗体文字,您应该这样:<b> bold text</b><strong>bold text</strong>它们具有相同的结果。

工作示例 - JSfiddle

答案 8 :(得分:3)

只是<b>而不是<bold>

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

请注意,<b>只会更改文本的外观。如果你想强调它,那么你应该更好地使用<strong> element

答案 9 :(得分:2)

我认为真正的答案是http://www.w3schools.com/HTML/default.asp