如何在HTML中使文本变成粗体?
我正在尝试使用HTML制作一些粗体文本,但是我正在努力使其工作。
这就是我想要的:
Some <bold>text</bold> that I want emboldened.
有人能告诉我我做错了什么吗?
使用<strong>
或<b>
标签
另外,您可以使用CSS <span style="font-weight:bold">text</span>
来尝试
HTML没有<bold>
标签,相反你必须使用<b>
。 但是请注意,使用<b>
有一段时间不赞成使用CSS 。 你会更好地使用CSS来实现这一点。
<strong>
标签是强调重点的语义元素, 默认为粗体。
标记方式:
<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>
描述这个元素包含了应该强调的文字。 比em元素更强。
有人能告诉我我做错了什么吗?“
“粗体”从来不是一个HTML元素(“b”是最接近的匹配)。
HTML应该包含结构化的内容; 发行商CSS应该为该内容build议样式。 这样,用户代理可以将结构化的内容暴露给有用的样式和导航控件给看不到你build议的大胆样式的用户(例如search引擎的用户,完全使用屏幕阅读器的盲人用户,使用自己的颜色和字体的视力不佳的用户,令人讨厌的用户使用文本浏览器,语音控制,讲话的浏览器,如Opera的Windows用户)。 因此,使文本变为粗体的正确方法取决于为什么要将其设置为粗体。 例如:
-
想区分标题与其他文字? 使用标题元素(“h1”到“h6”),并在CSS中为其提供粗体样式(“h1,h2,h3,h4,h5,h6 {font-weight:bold;}”)。
-
想要为表单字段添加标签? 使用“标签”元素,通过给它一个“for”属性与目标上的“id”属性相匹配,以编程方式将其与相关的“select”,“input”或“textarea”元素关联起来,它在你的CSS中(“label {font-weight:bold;”})。
-
想要以一种forms(例如一组广播select)为一组相关字段添加标题? 用“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;}”)。
-
想区分一些电脑代码和周围的文字? 使用“code”元素并在CSS中为其提供粗体样式(“code {font-weight:bold;}”)。
-
想区分一个variables名称与周围的文字? 使用“var”元素并在CSS中为其提供粗体样式(“var {font-weight:bold;}”)。
-
想要指出一些文本已被添加为更新? 使用“ins”元素并在CSS中为其提供粗体样式(“ins {font-weight:bold;}”)。
-
要轻轻地强调一些文字(“我爱小猫!”)? 使用“em”元素,并在CSS中为其提供粗体样式(例如“em {font-weight:bold;}”)。
-
想要重点强调一些文字,可能是为了警告(“ 小心狗! ”)? 使用“strong”元素并在CSS中为其提供粗体样式(例如“strong {font-weight:bold;}”)。
你有想法(希望)。
找不到具有正确语义的HTML元素来表示/为什么/你想使这个特定的文本为粗体? 把它包装在一个通用的“span”元素中,给它一个有意义的类名称来表示你区分这个文本的理由(让我用一个总结它的句子开始这篇新闻文章。</ span> <span class =“lede” >),并在CSS中提供一个粗体的样式(“.lede {font-weight:bold;”})在构build自己的类名之前,可能需要检查是否有一个微格式(microformats.org)或你想expression的共同惯例。
另一个select是通过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>
这只是<b>
而不是<bold>
:
Some <b>text</b> that I want bolded.
请注意, <b>
只是改变了文字的外观。 如果你想渲染它,因为你想expression一个强调,你最好使用<strong>
元素 。
我认为真正的答案是http://www.w3schools.com/HTML/default.asp 。
HTML元素定义了粗体文本,没有任何额外的重要性。
<b>This text is bold</b>
HTML元素定义了强壮的文本,增加了语义“强大”的重要性。
<strong>This text is strong</strong>
在Html中使用:
- 有些
<b>
文字</b>
,我想要底气。 - 有些
<strong>
文字</strong>
,我想要底气。
在CSS中使用:
- 一些我想鼓掌的
<span style="font-weight:bold">
文字</span>
。
你快到了!
对于粗体文本,您应该具有: <b> bold text</b>
或<strong>bold text</strong>
它们具有相同的结果。
工作示例 – JSfiddle