如何在 HTML 中使文本变为粗体？答案

【问题标题】：How do I make text bold in HTML?如何在 HTML 中使文本变为粗体？
【发布时间】：2009-07-04 14:56:46
【问题描述】：

我正在尝试使用 HTML 使一些文本变为粗体，但我很难让它发挥作用。

这是我正在尝试的：

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

谁能告诉我我做错了什么？

【问题讨论】：

我同意应该先在 google 上搜索它，但我认为重点是下次有人搜索 google 时，她/他将被定向到 SO，我认为这是一件好事。更多的流量和人来 SO。
@binfolder 可能想知道他是否从 Google 那里学到了。另一种更普遍的可能性：越来越多的人在没有学校、没有读书的情况下发展。我们在“HTML 101”的“第一天”或“第二天”学到了这些东西。他们没有预定的课程。
@Andrija：我同意在这里指导他们。这就是为什么我的回答将他们引导回一个他们可以学习下一个问题的答案的地方：“我怎么做斜体？”

标签： css html

【解决方案1】：

使用 或 标签

另外，你可以试试css text

【讨论】：

【解决方案2】：

HTML 没有<bold> 标签，您必须使用。但是请注意，使用 是discouraged in favor of CSS for a while now。你最好使用 CSS 来实现。

 标记是用于强调强调的语义元素，defaults 变为粗体。

【讨论】：

+1 b 是 HTML 4，你不应该强/css 是要走的路
从未被弃用。反对支持、、等，是的；已弃用，没有。
为什么不鼓励使用  来支持 CSS？这就像说使用 <h*n*> 不鼓励使用 CSS。它在标准中，所以使用它。
Gumbo：来自w3.org/TR/html4/present/graphics.html#h-15.2.1 – “以下 HTML 元素指定字体信息。虽然它们并非全部弃用，但不鼓励使用它们以支持样式表。”
实际上这些元素在 HTML 5 中作为“短语元素”卷土重来——例如，象征着小字体，而 则用于书名，我认为。跨度>

【解决方案3】：

标记方式：

<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 元素的含义定义了它所包含的内容的外观，所以这个元素被认为是一个“物理”标记元素。因此，它没有传达语义标记元素的含义，例如强。



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

【讨论】：

从来没有说过他们是。

【解决方案4】：

在 Html 中使用：

一些text 我想鼓起勇气。
一些text 我想鼓起勇气。

在 CSS 中使用：

一些text 我想鼓起勇气。

【讨论】：

【解决方案5】：

谁能告诉我我做错了什么？”

“bold”从来都不是 HTML 元素（“b”是最接近的匹配项）。

HTML 应包含结构化内容；发布者 CSS 应该建议该内容的样式。这样，用户代理可以向看不到您建议的粗体样式的用户（例如搜索引擎的用户、使用屏幕阅读器的完全盲人用户、使用自己的颜色和字体的视力不佳的用户，使用文本浏览器的极客用户、使用语音控制的语音浏览器（如 Windows 版 Opera）的用户）。因此，使文本变为粗体的正确方法取决于为什么您要将其设置为粗体。例如：

想要将标题与其他文本区分开来？使用标题元素（“h1”到“h6”）并在您的 CSS 中为它们建议粗体样式（“h1, h2, h3, h4, h5, h6 {font-weight: bold;}”。
想要为表单域加粗标签？使用“label”元素，以编程方式将其与相关的“select”、“input”或“textarea”元素相关联，方法是为其提供与目标上的“id”属性匹配的“for”属性，并建议使用粗体样式它在你的 CSS 中（“label {font-weight: bold;”}）。
想要在表单中为一组相关字段添加标题，例如一组单选选项？用“fieldset”元素包围它们，给它一个“legend”元素，并在你的 CSS 中为其建议一个粗体样式（“legend {font-weight: bold;}”）。
想要区分表格标题和它的标题？使用“caption”元素并在 CSS 中为其建议粗体样式（“caption {font-weight: bold;}”）。
想要区分表格标题和表格数据单元格？使用“th”元素并在 CSS 中为其建议粗体样式（“th {font-weight: bold;}”）。
想要将引用的电影或专辑的标题与周围的文字区分开来？使用带有类的“cite”元素（“cite class="movie-title"），并在你的 CSS 中为其建议一个粗体样式（“.movie-title {font-weight: bold;}”）。
想要将定义的关键字与定义或解释它的周围文本区分开来？使用“dfn”元素并在 CSS 中为其建议粗体样式（“dfn {font-weight: bold;}”）。
想要将某些计算机代码与周围的文本区分开来？在 CSS 中使用“code”元素并为其建议粗体样式（“code {font-weight: bold;}”）。
想要将变量名与周围的文本区分开来？在 CSS 中使用“var”元素并为其建议一个粗体样式（“var {font-weight: bold;}”）。
想要指出某些文本已作为更新添加？使用“ins”元素并在您的 CSS 中为其建议粗体样式（“ins {font-weight: bold;}”）。
想要轻微强调一些文字（“我爱小猫！”）？在 CSS 中使用“em”元素并为其建议粗体样式（例如“em {font-weight: bold;}”）。
想要强调一些文本，也许是为了警告（“当心狗！”）？使用“strong”元素并在您的 CSS 中为其建议粗体样式（例如“strong {font-weight: bold;}”）。

……你明白了（希望如此）。

找不到具有正确semantics 的HTML 元素来表达/为什么/ 你想让这个特定的文本加粗？将它包装在一个通用的“span”元素中，给它一个有意义的类名，表达你区分该文本的理由（“让我用一个总结它的句子开始这篇新闻文章。），并在您的 CSS 中为其建议一个粗体样式（“.lede {font-weight: bold;”}。在编写自己的类名之前，您可能需要检查是否有微格式（microformats.org）或您想要表达的内容的通用约定。

【讨论】：

总之 { link_to_HTML_element { font-weight: bold; }}

【解决方案6】：

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

<b>This text is bold</b>

HTML 元素定义了强文本，增加了语义“强”的重要性。

<strong>This text is strong</strong>

【讨论】：

【解决方案7】：

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

例如1

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

例如2

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

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

【讨论】：

【解决方案8】：

您就在附近！

对于粗体文本，您应该有这样的： bold text 或 bold text 他们有相同的结果。

工作示例 - JSfiddle

【讨论】：

这个问题其实是七年前问的，已经有解决方案了（正确答案是在问到3分钟后贴出来的）。所以你的回答并没有真正增加任何有用的东西。如果您想查找尚未解决的问题，请在顶部的搜索框中输入answers:0，这将为您提供所有未发布答案的问题的列表。
@MrLister IMO 指向 JSfiddle 的链接非常有用。

【解决方案9】：

只是 而不是<bold>：

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

注意 只是改变了文本的外观。如果你想把它渲染成粗体，因为你想表达一个强烈的强调，你最好使用 element。

【讨论】：

【解决方案10】：

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

【讨论】：

没错。如果您不知道如何在 HTML 中制作粗体文本，并且不知道如何查找，则需要从第 1 课开始。
@Gareth：您认为 w3schools 有什么问题，对于不了解第一天 HTML 的人，您认为正确的答案是什么？好吧，如果他们的日子很短，也许是第二天。
这是我推荐 w3schools 的少数几次之一。生活和学习。