怎么创建自己的电子邮箱是什么东西

  • 公众号:vivo智能手机

    生活号:vivo智能掱机

Copyright ? 广东步步高电子工业有限公司 版权所有 保留一切权利粤B2- | 粤ICP备号

本文由根据的《》系列所译整個译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点如需转载此译文,需注明英文出处:以及作者相关信息

最好的理解方式就是从头开始自己动手实施的过程。今天我们要做的只是用于电子邮件设计,从头开始构建一个HTML电子邮件模板

首先,值得一提的是我使用的一些资源。

  • 可爱的2D图标是由Dribbble上的提供

正如我们讨论的一样HTML邮件需要一个XHTML文档类型:


  

现在我们添加文本和给这個单元格设置宽度,尽管他们之前有很多空白但为了安全起见,将这个单元设置一个宽度为75%其他的为25%。


  

到此我们的整个布都完成了。

我们通过进行验证确保我们的代码没有问题。如果你代码没有问题它会说,你已通过验证

接下来我们通过Litmus来进行测试,以确保我們的电子邮件能正常工作下面是我测试的总结:

我们的第一行是一个标题,我们将使用<b>标签来创建加粗文本因为大家都知道,HTML属性能解决的样式决不使用CSS样式


  

我也会给其他单元格添加内联样式,来美化文本:


  

接下来我们需要给页脚文本写样式交且我们也将会整理我們的退订链接。我们同时使用CSS样式和HTML的<font>标签来修饰退订链接使用这两种方式是最好的,确保你的链接从不出现默认的蓝色


  

到此一切都囿了,也是时间清除边框让他看起来更漂亮。通过编辑器的“查找/替换”功能将border="1"替找成border="0"

这样看上去它好像漂浮在白色的空间上,比较難看所以我们去给第一个设置600px的表格添加:


  

现在看上去不漂移了。最后我给第一个单元格添加了底部为30px的内距,防止我们的邮件在某些邮箱客户端(如Apple Mail)突然停止了另外添加10px的顶部内距,让我们的页头顶部有点空间


  

就是这样的!你只需要做最后的测试了。

到今天为止洳果你有使用任何评论,请摆脱他们使用评论,一些电子邮件客户端会让你窒息所以最明智的做法就是没有必要的代码不要出现在你攵件的任何地方

现在可以最后的测试然后,你的HTML电子邮件就可以准备发送!

译者手语:整个翻译依照原文线路进行并在翻译过程略加了个人对技术的理解。如果翻译有不对之处还烦请同行朋友指点。谢谢!

如需转载烦请注明出处:

我要回帖

更多关于 电子邮箱是什么东西 的文章

 

随机推荐