Question

如何使表格中的单个单元格成为html中的超链接？

这就是我尝试制作它的方式，但它不起作用：

<table>
<tr>
    <td id="Home">Home
        <a href="Home.html"></a>
    </td>
    <td id="Locations">Locations
        <a href="Locations.html"></a>
    </td>
    <td id="Accomodation">Accomodation
        <a href="Accomodation.html"></a>
    </td>
    <td id="Transport">Transport
        <a href="Transport.html"></a>
    </td>
    <td id="Contact">Contact Us
       <a href="Contact Us.html"></a>
    </td>
</tr>
</table>

Answer 1

问题不在于表格，而是<a>标签中没有内容，因此，无处点击触发链接。试试这个：

    <table>
      <tr>
        <td id="Home">
            <a href="Home.html">Home</a>
            </td>
        <td id="Locations">
            <a href="Locations.html">Locations</a>
            </td>
        <td id="Accomodation">
            <a href="Accomodation.html">Accomodation</a>
            </td>
        <td id="Transport">
            <a href="Transport.html">Transport</a>
            </td>
        <td id="Contact">
            <a href="Contact Us.html">Contact Us</a>
            </td>
        </tr>
    </table>

Answer 2

因为你没有在标签内写回家而无法正常工作的原因。要创建任何文本超链接，您必须将该文本放在标记内。

在您的情况下，您可以通过将Home，Location等放在a标签内来轻松制作超链接：

    <table>
      <tr>
        <td id="Home">
            <a href="Home.html">Home</a>
            </td>
        <td id="Locations">
            <a href="Locations.html">Locations</a>
            </td>
        <td id="Accomodation">
            <a href="Accomodation.html">Accomodation</a>
            </td>
        <td id="Transport">
            <a href="Transport.html">Transport</a>
            </td>
        <td id="Contact">
            <a href="Contact Us.html">Contact Us</a>
            </td>
      </tr>
    </table>

Answer 3

我认为这里的问题是你的标签实际上没有显示任何内容，所以有0px宽度标签。你可以把测试放在标签里面，这样就可以了。例如：

<a href="Home.html">Home</a>

如何将表格的单个单元格变成html中的超链接？

3 个答案: