我按照教程(https://www.youtube.com/watch?v=9VagizlpHNc)制作了一个可点击的邮箱签名,但是当我把它放到gmail中时,一切都被 destruct 了.我相信代码有问题,因为它说"td{line-height:0; font-size:0.0em; } img{显示:阻塞;浮动:左;填充:0}对齐:absbottom;对齐:texttop;}",当我运行代码时,在屏幕的顶部有一个可点击的html.我不太擅长编程,所以如果你能简化你的答案,那会有很大帮助.谢谢你,谢谢:)

我浏览了 comments 部分,最终在Photoshop中从可点击的部分制作了新的切片,但这并没有改变任何事情.

我try 的代码:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset-utf-8"
<style media="screen" type="text/css">
td{line-height:0; font-size: 0.0em; }
img{display: block; float: left; padding: 0} align: absbottom; align: 
texttop; }
</style>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" 
marginheight="0">
<!-- Save for Web Slices (HTML-Email_Signature.psd) -->
<table id="Table_01" width="602" height="203" border="0" 
cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="https://i.postimg.cc/T1WL04GK/1-01.png" 
width="602" height="121" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="https://i.postimg.cc/QVGByJx0/1-02.png" 
width="295" height="81" alt=""></td>
        <td>
            <a href="https://www.instagram.com/snapplabs/"><img 
src="https://i.postimg.cc/fW6Bs4Vg/1-03.png" width="49" height="44" 
alt=""></td>
        <td>
            <a href="https://www.facebook.com/SnappLabs3D/"><img 
src="https://i.postimg.cc/c1KXP1Ln/1-04.png" width="57" height="44" 
alt=""></td>
        <td>
            <a 
href="https://www.youtube.com/channel/UCxnKKzJTex2S_d1YmL2_NUg"><img 
src="https://i.postimg.cc/SKTftH0d/1-05.png" width="56" height="44" 
alt=""></td>
        <td colspan="2">
            <a href="https://www.tiktok.com/@snapplabs"><img 
src="https://i.postimg.cc/x1Q5kKyv/1-06.png" width="54" height="44" 
alt=""></td>
        <td rowspan="2">
            <img src="https://i.postimg.cc/xdTP5nZq/1-07.png" 
width="91" height="61" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="https://i.postimg.cc/MKsjzqL7/1-08.gif" 
width="216" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="https://i.postimg.cc/YqY8qXg2/1-09.png" 
width="189" height="20" alt=""></td>
        <td colspan="2">
            <a href="https://www.snapplabs.co"><img 
src="https://i.postimg.cc/3RkFM9YT/1-10.png" width="118" height="20" 
alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="spacer.gif" width="295" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="49" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="91" height="1" alt=""></td>
    </tr>
</table>
   <!-- End Save for Web Slices -->
</body>
 <!-- Keep Pasted Code Above This Line!
</html>

推荐答案

您的元标记结尾已损坏,并且某些锚标记未正确结束.

正如您所说的,您是编程新手,所以让我为您提供以下完整的更新后的HTML模板:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
td{line-height:0; font-size: 0.0em; }
img{display: block; padding: 0}
</style>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="602" height="203" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="https://i.postimg.cc/T1WL04GK/1-01.png" width="602" height="121" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="https://i.postimg.cc/QVGByJx0/1-02.png" width="295" height="81" alt=""></td>
        <td>
            <a href="https://www.instagram.com/snapplabs/"><img src="https://i.postimg.cc/fW6Bs4Vg/1-03.png" width="49" height="44" alt=""></a></td>
        <td>
            <a href="https://www.facebook.com/SnappLabs3D/"><img src="https://i.postimg.cc/c1KXP1Ln/1-04.png" width="57" height="44" alt=""></a></td>
        <td>
            <a href="https://www.youtube.com/channel/UCxnKKzJTex2S_d1YmL2_NUg"><img src="https://i.postimg.cc/SKTftH0d/1-05.png" width="56" height="44" alt=""></a></td>
        <td colspan="2">
            <a href="https://www.tiktok.com/@snapplabs"><img src="https://i.postimg.cc/x1Q5kKyv/1-06.png" width="54" height="44" alt=""></a></td>
        <td rowspan="2">
            <img src="https://i.postimg.cc/xdTP5nZq/1-07.png" width="91" height="61" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="https://i.postimg.cc/MKsjzqL7/1-08.gif" width="216" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="https://i.postimg.cc/YqY8qXg2/1-09.png" width="189" height="20" alt=""></td>
        <td colspan="2">
            <a href="https://www.snapplabs.co"><img src="https://i.postimg.cc/3RkFM9YT/1-10.png" width="118" height="20" alt=""></a></td>
    </tr>
    <tr>
        <td>
            <img src="spacer.gif" width="295" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="49" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="56" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="91" height="1" alt=""></td>
    </tr>
</table>
</body>
</html>

这将解决这个问题.

Html相关问答推荐

我的表的第一列似乎是推其他2列到右边,我不能改变它

在Apps Script中连接CSS与HTML

如何使用wai-aria标签访问相关的复选框?

如何在div中淡入和淡出渐变背景?

如何最大限度地减少Cookie同意代码对性能的影响?

带有MathJax SVG的HTML代码在XHTML中不起作用

使用`<;use>;`与`<;img>;`时呈现的SVG大小不同

如何生成随机字符串的字母数字字符集长度到html跨度?

文本css后面未显示背景 colored颜色

在 WooCommerce 存档产品类别描述上添加阅读更多/阅读更少按钮

在DIV上应用梯度模糊未如预期工作

Angular:从服务器下载 HTML 并打印

显示填充正方形的图形的简单页面的 HTML 代码

将图像高度调整到容器 div 中而不使其高度增加

使用 css 将内容居中并向左对齐?

鼠标悬停时切换 colored颜色 的双色链接

Bootstrap 5 英雄

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

focusout() Select 器不适用于搜索框

用 flexbox 和 overflow 覆盖