html - 链接未显示在 标签内

Question

我试图在 <td></td> 中包含一个链接, 但它根本没有显示。

<tr align=left>
    <td><span style="font-weight:bold;">Website</span></td>                       
    <td><a href="http://www.zionsb.org"></a></td>
</tr> 

CSS

td {  
    text-transform: none;
    line-height: 115%;
    vertical-align: middle; 
    padding: 5px 0 5px 5px;        
}

请问我哪里错了？

Answer 1

您的链接中必须包含一些内容才能使其可见。例如:

<a href="http://www.zionsb.org">some text</a>

---

如果您没有要显示的内容，您也可以将点击事件绑定(bind)到单元格:

<td id=A style="cursor:pointer"></td>

<script>
window.onload = function(){
  document.getElementById('A').onclick=function(){window.location="http://www.zionsb.org"};
};
</script>

但这并不能单独使链接可见。