如何向嵌入表中的单元格添加超链接

时间:2015-10-07 09:52:40

标签: html hyperlink html-table

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

所以,我的表看起来像这样:

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

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

有人可以帮忙吗?我尝试在不同的帖子中做一些hdef(?!?)的事情,但我在这里已经超出了我的想法。任何特定的帮助(即确切的编码行!:-)将是辉煌的!然后,我可以将其复制到我表的其余部分。

(并且,在这里说实话,我甚至不得不查看/获取有关如何在此示例中显示代码的帮助...)

4 个答案:

答案 0 :(得分:0)

复制代码下方的粘贴:

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

答案 1 :(得分:0)

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

这应符合您的要求。

答案 2 :(得分:0)

a

中使用td标记
<a href="http://google.com">link text</a>

答案 3 :(得分:0)

这里的大多数答案已经回答了你的问题,但我认为你可以通过一些细节来了解你已经获得的代码。

要添加文本链接,您需要将其包装在achor <a></a>标记中。您似乎对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>

对于其他链接,只需替换&#34;语音标记&#34;。

中的网址

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