【问题标题】:How to use <b> tag and <a> tag together in HTML?如何在 HTML 中同时使用 <b> 标签和 <a> 标签?
【发布时间】:2014-04-04 02:02:04
【问题描述】:

我的网页中有以下文字:

<a href="http://www.google.co.in">Search Engine</a>

我希望这个超文本以粗体显示。同时这个超链接应该可以工作。如何使用&lt;b&gt; 标签和&lt;a&gt; 标签?此外,我不想使用 CSS 使文本变为粗体。我只想使用&lt;b&gt; 标记使超链接文本变为粗体。

【问题讨论】:

  • 我更喜欢使用 style->font-wight 而不是 标签。

标签: html hyperlink tags href


【解决方案1】:

这就是你想要的吗?

您的链接位于body 标签内,那么b 标签有什么问题? :-)

&lt;b&gt;&lt;a href="http://www.google.co.in"&gt;Search Engine&lt;/a&gt;&lt;/b&gt;

还有

&lt;a href="http://www.google.co.in"&gt;&lt;b&gt;Search Engine&lt;/b&gt;&lt;/a&gt;

问题:但它不会显示:&lt;b&gt;Search Engine&lt;/b&gt; 而不是 Search Engine 吗?

答案:不,不会,如果您对&lt;&gt; 进行了html 编码,就会出现这种情况。

(你可以自己尝试一下;-))

【讨论】:

  • 是的。将锚标记置于粗体标记后,超链接是否有效?
  • 我想问一个问题,为什么当我将粗体标签放在锚标签内时它不应该工作?
  • 这两种嵌套方式默认效果是一样的,只是样式的区别很重要。例如,如果您在 CSS 中设置 b { color: green },则链接文本在后一种情况下将为绿色,但在前一种情况下则不会(因为文本位于 a 元素中,它遵循链接颜色的设置)。
【解决方案2】:

这应该没问题

<b><a href="http://www.google.co.in">Search Engine</a></b>

DemoFiddle

【讨论】:

  • 我需要带有粗体和大写文本的超链接。
猜你喜欢
  • 2016-01-28
  • 2021-03-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-14
  • 1970-01-01
相关资源
最近更新 更多