Question

html怎么给，<table>中的一个<td>添加一个超链接

要求：给<td>添加超链接 ，只要点这个格子就可以链接出去。或者给<td>中的文字添加超链接，但是要求鼠标移到到<td>这个格子的区域文字就可以被选中。如果用<a href=“http://www.baidu.com”><td>格子中的内容</td></a>好像不怎么兼容，求解！！！

Answer 1

要使用css 来实现现在的效果

<table>
<tr>
<td><a href="#">1111111</a></td>
<td class="b">2222222</td>
</tr>
</table>

<style type="text/css">
td {border:1px solid red;}
a {
display:block; /* 把行内元素 变成 块级元素 */
width:200px; /* 盒子 宽度 */
height:200px; /* 盒子 高度 */
}
</style>

追问

class b的样式没写呢

追答

class b是可以控制 第2个盒子 准备的 名字 有2中方法控制第2个盒子的大小

1 . 用 html td 属性 控制大小
2222222
换成

2. 用 css 控制大小

td {border:1px solid red;}
a {
display:block; /* 把行内元素 变成 块级元素 */
width:200px; /* 盒子 宽度 */
height:200px; /* 盒子 高度 */
}

里面 多 写一行就可以
比如

td {border:1px solid red;}
a {/* 标签名字 */
display:block; /* 把行内元素 变成 块级元素 */
width:200px; /* 盒子 宽度 */
height:200px; /* 盒子 高度 */
}
.b {width:200px;}

个人推荐使用 第2个方法 使用css来 控制

html css 分开来管理 才是 最理想的状态！

Answer 2

<table width="620" border="1" cellspacing="0" cellpadding="0">
<tr>
<a href="http://hao.360.cn/" > <td>内容</td></a>
</tr>
</table>

Answer 3

吧</a>放在</td>前面

Answer 4

在td里面写个div 用css固定div的大小 在链接就可以了