链接未显示内部标记

时间:2012-11-12 19:20:26

标签: html css html-table

我正在尝试在<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;        
}

请问我哪里出错?

2 个答案:

答案 0 :(得分:6)

您的链接中必须包含一些内容才能显示。例如:

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

如果您无需显示任何内容,也可以将click事件绑定到单元格:

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

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

但不会单独使链接可见。

答案 1 :(得分:3)

您已成功建立了链接,但现在需要说出链接的内容! 在你的:

之间
<a> and </a>

标签,您必须放置您想要看到的单词。例如:

<a href="http://www.zionsb.org">Text you want to be seen</a>