Question

我在html-email编码。有<td>内联CSS代码。我需要做什么才能在整个<td>上附加锚标记。请告诉我怎么做。我尝试了很多选项，但这些选项无效。

<td valign="top"  width="204" class="leftColumnContent" mc:edit="left_column_content" align="center" bgcolor="#dee0e2" style="border-left:6px solid #FFF; border-top:5px solid #FFF;"">
    <div align="center" style=" margin-top:10px;">
        <img src="" width="119" height="199" style="max-width:180px;" mc:label="image" />
    </div>
    <p style=" margin-left:20px; width:80%; font-family:Arial, Helvetica, sans-serif; font-size:14px;"> <strong>Text here </strong><br />
        <br />
        text here</p>
    <div style="width:80%; margin-top:10px; margin-left:20px; margin-bottom:15px;">
        <div align="left" style="float:left;"><strong> read more</strong></div>
        <div align="right">
            <img align="none" height="20" id="headerImage2" mc:allowdesigner="" mc:allowtext="" mc:label="header_image" src=".." style="max-width: 55px; width: 55px; height: 23px;" width="55" /></div>
    </div>
</td>

Answer 1

根据HTML规则，您不能拥有<a ...><td>...</td></a>。您可以反过来嵌套它们<td><a ...>...</a></td>。如果需要使整个单元格可单击，则需要设置a元素的样式，使其占据整个单元格。这样做的方式取决于上下文，但如果td元素具有固定的维度，则在其中的a元素上设置以下内容：

display: block; height: 100%;

Answer 2

您可以在表（代码）中使用Anchor Tag位置的onclick属性。

表示例如下

  <table>
    <tr>
        <td onclick="javascript:alert('your HTML');">HTML Code is here</td>
    </tr>   
  </table>

在alert("")的地方你可以使用window.location("") 用于在另一页上发送页面重定向。

Html的锚标记

2 个答案: