本篇文章只讲如何编辑html格式的email 模板，并不讲述如何用程序发送email。

1.做email的重要思想：“复古”

抛弃现代化的div+css技术，回到html4.0+table的时代。少用css，多用标签本身的属性。

（1）不管是整体还是局部布局，都严格使用table。

（2） css

  • 尽量 用标签本身的效果达到设计效果，如：<img width="100" height="100"/>
  • 元素背景：background-color全都有效，background-image，position，repeat，对outlook2007/10，live，gmail无效。所以非纯修使用的图片不应该用css背景的方式。
  • 不要重复定义同样作用的标签属性和css属性，例如：<td>的padding 属性（css）和csllpadding属性。
  • 不要用简写形式来定义属性的值。如：background: url() repeat #333;
  • 不要用简写的16进制来定义color，如不要这么些color：#333；要写成：color:#333333;
  • css写在每个标签的style里，不能全局定义。

（3）图片

  • 图片格式：<img height="100" width="100" src="http://www.baidu.com/123.jpg"  alt="测试图" align="left" style="display:block;"/>
  • style="display:block;" 解决hotmail的填充。
  • 有些不支持 8位或24位 png，尽量用gif和jpg。

（4）邮件宽度及居中

宽度<=600.给所有的单元格都定义好宽度属性。

（5）定义背景色

不要直接定义body。给最外层table 加背景色。

（6） 链接

（7）模板变量

（8）其他

  • 制作模板时，DTD可以尽量选用古老的HTML4.01 来限制加入现代化元素。

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01 EN//" "http://www.w3.org/TR/html4/strict.dtd">

2.尽量保持简洁的设计风格（布局，样式）：少用图片。

3. 资源链接：

可以下载模板的地址：  http://www.webmax.com.cn/articles/articles_0120_3.html

html 格式的email 编辑的更多相关文章

  1. ImageMagick convert多张照片JPG转成pdf格式，pdfunite合并PDF文件

      在认识ImageMagick之前,我***的图像浏览软件是KuickShow,截图软件是KSnapShot,这两款软件都是KDE附带的软件,用起来也是蛮方便的.在一次偶然的机会中,我遇到了Imag ...

  2. MathType for mac 能够实现在Word里面双击公式编辑的方法

    最近我遇到了一个问题,在使用Word编辑公式时遇到了阻碍. 问题: 我为了顺应潮流呢,用的是office for mac2016版本,在发现MathType安装好后,不能连接到Word里面,从Math ...

  3. 利用springframework+javax.mail发邮件（普通邮件、带附件邮件、HTML格式邮件）

    Spring提供了发送电子邮件的支持,可以发送普通邮件.带附件邮件.HTML格式邮件,甚至还可以使用Velocity模板定制化邮件内容. 一.引入相关的库 1 2 3 4 5 6 7 8 9 10 1 ...

  4. java---数据格式的验证

    package cc.cococ.trade.util; import java.util.regex.Matcher; import java.util.regex.Pattern; public ...

  5. 如何制作prezi swf格式字体(prezi 中文字体)

    如何制作prezi swf格式字体(prezi 中文字体) 文/玄魂 前言 Prezi软件虽然没有正式进入中国,但是中国的Prezi爱好者却在不遗余力的推广着Prezi.我接触这款软件比较晚,但是从接 ...

  6. Illustrator软件中eps和ai格式的区别

    转自Illustrator软件中eps和ai格式的区别 AI是ILL特有的格式,EPS格式是在排版领域经常使用的格式.AI中的位图图像是用链接的方式存储,EPS格式则将位图图像包含于文件中.对于含有相 ...

  7. jQuery验证表单格式

    工作之余整理一些工作中编写的代码,记录自己工作中的技术要点,便于自己记忆已经整合.以下是关于此jQuery验证的一些标记以及使用方法: 整个js代码都放入jquery_validate_1.1.0.j ...

  8. 使用 HTMLTestRunner 模块生成HTML格式的测试报告文件

    1.下载HTMLTestRunner.py HTMLTestRunner 是 Python 标准库的 unittest 模块的一个扩展.它生成易于使用的 HTML 测试报告.HTMLTestRunne ...

  9. 设置快捷键 让word轻松实现无格式粘贴

    设置快捷键 让word轻松实现无格式粘贴使用word时,我们经常会遇到需要将网页上的内容复制到word进行编辑的情况,但是通常这样复制进来的内容都是带有格式的,编辑起来非常不便.虽然我们可以利用“记事 ...

随机推荐

  1. .idata数据的解析

    每类Section代表不同的数据,不同的数据存储组织方式一定是有非常大区别的.代码段与资源段一定区别巨大,这意味着我需要一个一个的学习每个段的解析. idata段解析 这个段主要存储的是导入符号信息. ...

  2. Opencv246+vs2012生成不依赖编译环境的exe文件

    我们都知道,vs2012编译项目有两个版本号:Debug和Release,这里我们在Release下生成exe文件,为什么要在Release以下生成呢,原因是你在Debug模式下生成的exe须要vs2 ...

  3. CSS3 Media Query实现响应Web设计(宽度为不同的移动设备)

    现在的屏幕分辨率.小到320px(iPhone),大到2560px或甚至更高(大显示屏).范围内变化很大.除了使用传统的台式机.用户会越来越多的通过手机.上网本.iPad一类的平板设备来浏览页面. 这 ...

  4. VSTO之旅系列(二)：创建Excel解决方案

    原文:VSTO之旅系列(二):创建Excel解决方案 本专题概要 引言 创建VSTO项目 Excel对象模型 创建Excel外接程序 创建Excel文档级自定义项 小结 一.引言 也许很多朋友都没有听 ...

  5. AbstractQueuedSynchronizer的介绍和原理分析（转）

    简介 提供了一个基于FIFO队列,可以用于构建锁或者其他相关同步装置的基础框架.该同步器(以下简称同步器)利用了一个int来表示状态,期望它能够成为实现大部分同步需求的基础.使用的方法是继承,子类通过 ...

  6. Android数据库hibernate框架

    说明 /** * YDL_Hibernate总结 <br/> * (一)支持功能: 1.自己主动建表,支持属性来自继承类:可依据注解自己主动完毕建表,而且对于继承类中的注解字段也支持自己主 ...

  7. linux操作提示：“Can&#39;t open file for writing”或“operation not permitted”的解决的方法

    在linux上使用vi命令改动一个文件内容的时候,发现无法保存,每次写完使用":q!"命令能够正常退出可是使用":wq!"命令保存文件并退出时出现一下信息提示: ...

  8. 数据一致性(consistency)、服务可用性(availability)、分区容错性(partition-tolerance)

    数据一致性(consistency).服务可用性(availability).分区容错性(partition-tolerance) 分布式系统理论基础 - CAP 2016-04-04 18:27 b ...

  9. HibernateReview Day1 - Introduction

    Hibernate已经学过去大概有半个月了,然后默默的忘掉了……所谓Practice makes perfect. 我尽力重新拾起来. 1.什么是ORM 在介绍Hibernate之前,我们先学习下OR ...

  10. python学习笔记之八：迭代器和生成器

    一. 迭代器 在前面的笔记中,已经提到过迭代器(和可迭代),这里会对此进行深入讨论.只讨论一个特殊方法---__iter__,这个方法是迭代器规则的基础. 1.1 迭代器规则 迭代的意思是重复做一些事 ...