【问题标题】:How to add an hyperlink to a cell in an embedded table如何向嵌入表格中的单元格添加超链接
【发布时间】:2016-01-04 12:04:12
【问题描述】:

我已经为网站创建了一个基本表格,但我希望能够单击单元格并被重定向到该网站内的其他页面 - 基本超链接。但我需要在编码中完成。

所以,我的桌子是这样的:

<td> Monday </td>
<td> Vicky </td>
<td> Bromley </td>
<td> 10.00-10.45am</td>

然后当客户点击 Bromley 时 - 我希望它将他们重定向到 Bromley 页面 - http://www.boppintots.co.uk/#!/bromley

有人可以帮忙吗?我尝试做一些在另一篇文章下建议的 hdef (?!?) 事情,但我在这里不知所措。任何具体的帮助(即确切的编码行!:-) 都会很棒!然后我可以为我的表的其余部分复制它。

(而且,老实说,我什至不得不查找/获取有关如何在此示例中显示代码的帮助...)

【问题讨论】:

    标签: html hyperlink html-table


    【解决方案1】:

    这里的大多数答案已经回答了您的问题,但我认为详细说明一下可能对您有所帮助,以便您可以理解所提供的代码。

    为了添加文本链接,您需要将其包装在一个 &lt;a&gt;&lt;/a&gt; 标记中。看来您对 HTML 有一个基本的了解,但为了更全面,我会再解释一下。

    一个锚标签可以有很多属性,但你要找的是 href 属性。 (它代表超文本参考)。 See W3 Schools for more info

    所以,为了实现你想做的事情,你需要在这里使用别人提供的代码:

    <td> Monday </td> 
    <td> Vicky </td> 
    <td> <a href="http://www.boppintots.co.uk/#!/bromley.">Bromley</a> </td> 
    <td> 10.00-10.45am</td>
    

    对于其他链接,只需替换“语音标记”中的URL即可。

    我希望这有助于理解代码工作的原因。

    【讨论】:

    • 太棒了 - 非常感谢!它不仅有效,而且解释也很有意义,我绝对可以更自信地把它应用到桌子的其余部分。非常感谢您抽出宝贵时间做出如此彻底的回应。非常感谢。
    【解决方案2】:

    复制粘贴以下代码:

    <td> Monday </td> <td> Vicky </td> <td><a href="http://www.boppintots.co.uk/#!/bromley" />Bromley</a> </td> <td> 10.00-10.45am</td>
    

    【讨论】:

    • 非常感谢您抽出时间来做这件事 - 非常感谢。
    【解决方案3】:
    <td> Monday </td> <td> Vicky </td> <td><a href="http://www.boppintots.co.uk/#!/bromley."> Bromley </a></td> <td> 10.00-10.45am</td>
    

    这应该符合您的要求。

    【讨论】:

    • 非常感谢您为帮助我所做的努力 - 非常感谢。
    【解决方案4】:

    td 中使用a 标签

    <a href="http://google.com">link text</a>
    

    【讨论】:

    • @Maddy 怎么样?因为我没有准确粘贴 OP 想要的内容?
    • 非常感谢你 - 通过其他帖子,我可以理解现在编码是如何构建的。真的很感激。
    猜你喜欢
    • 2018-10-20
    • 1970-01-01
    • 2017-12-25
    • 1970-01-01
    • 2013-09-27
    • 1970-01-01
    • 2014-12-03
    • 1970-01-01
    • 2020-05-17
    相关资源
    最近更新 更多