《(电子行业企业管理)让你的电子邮件与众不同XXXX年第期总第期》由会员分享,可在线阅读,更多相关《(电子行业企业管理)让你的电子邮件与众不同XXXX年第期总第期(13页珍藏版)》请在金锄头文库上搜索。
1、12管理学院 我为人人电脑服务队“我为人人”电脑服务队技术文档2010年 第1期 总第21期摘要 此文档主要介绍HTML电子邮件的概念、如何编写HTML邮件及其需要注意的事项,学习使用HTML邮件,将会让你的邮件充满个性,从此与众不同!我为人人2010/3/7 我为人人目录让你的电子邮件与众不同3什么是HTML电子邮件3如何写HTML邮件5HTML入门5HTML标记有很多,在这里只介绍几个常用的标记:6HTML源码框架:8添加样式属性,让内容丰富多彩:8Inline CSS 使用方法:9常用的CSS属性:10在QQ邮箱里编写HTML电子邮件10写HTML邮件需注意:10联系我们:13让你的电子
2、邮件与众不同 2010年 第1期 总第21期 2010/03/07相信大家都收到过来自大公司(腾讯、招行等)发来的电子邮件,看到他们图文并茂、漂亮的模板,是否眼前一亮,立即明白邮件的意图?这些便是使用HTML 编写的电子邮件。什么是HTML电子邮件HTML电子邮件有哪些不同?商业HTML邮件大致可分为营销型和确认型电邮营销型邮件确认型邮件内容具有丰富性、多样性,客户会更注重内容的丰富性和视觉效果的美观性内容具有单一性、独特性,我们要让客户非常直接的看到确认信息,复杂的内容和视觉效果只会让客户忽略了邮件的主要内容即确认信息除了商业HTML邮件,在平时发邮件时也可借鉴以上优点,写出不同的HTML邮
3、件的模板,满足不同用于的需求,比如求职、通知等。由上可以知道,制作并发送HTML电子邮件,不仅能够按照不同的需求满足用户的视觉感受和审美观,更能够更清楚、直接的表达出发送人的意图(宣传,营销、确认)。邮箱里丰富多彩的HTML电子邮件鲜果周报QQ管理员来信,相信这个大家都会有收到当然也有广告看到这些绚丽的电子邮件,你是否也摩拳擦掌,跃跃欲试呢?不要急,编写这类电子邮件之前需要先了解下HTML语言。如何写HTML邮件HTML入门HTML语言的来源、发展、意义之类的就不多啰嗦了,在这里直接介绍如何使用。全称: HyperText Mark-up Language 译名: 超文件注标式语言 简释:一种
4、为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。HTML 是在 SGML 定义下的一个描述性语言,或可说 HTML 是 SGML 的一个应用程式,HTML 不是程式语言,如 C+ 和 Java 之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成。标记写法:l 任何标记皆由所围住,如 l 标记名与小于号之间不能留有空白字符。 l 某些标记要加上参数,某些则不必。如 Hello l 参数只可加于起始标记中。 l 在起始标记之标记名前加上符号/便是其终结标记,如 l 标记字母大小写皆
5、可。HTML标记有很多,在这里只介绍几个常用的标记:标记名使用浏览器中显示效果段落这是段落1这是段落2(为突出出各标记范围,每一标记都加入了背景颜色。后面会讲到如何添加背景。)一级标题一级标题二级标题二级标题表格表格的第一行第一列表格的第一行第二列表格的第二行第一列表格的第二行第二列无序列表列表项1列表项2层这是一个层图片超链接百度需要注意的是层这个概念,层可以通俗的理解为一块方形区域。现在大部分电子邮件(网页)就是由层组成,即网页(邮件)可以看做是一块一块拼凑起来的。由此图也可以看出,使用几个常用的HTML标签足够做出美观大方的电子邮件!HTML源码框架:1. / 最外层2. / 头部层3.
6、 / 头部层里表格4. / 表格的第一行56.7. 8. / 表格的第二行9. 10 1112 / 中间层13 / 最下层14推荐好友 / 第一级标题1516更多推荐 / 超链接1718 不想收到周报?点击此处更改 / 段落19上图中鲜果周报源码如左注意:u HTML代码一层层嵌套的形式u 各层次之间的关系u 标签的闭合添加样式属性,让内容丰富多彩:HTML框架是结构,样式属性是表现形式。就像做房子,先搭好梁,再铺瓷砖、刷油漆,这样做出来的房子才又坚固又好看。控制HTML标签属性的语言称之为CSS。让我们看下时下邮件客户端对CSS的支持:其中“inline CSS”指内嵌CSS。为使我们写出的
7、电子邮件在不同的客户端有相同的显示效果,建议使用内嵌的CSS。Inline CSS 使用方法:l 这是一个未加任何属性的层l 这是一个有实框(solid)为1像素的层l 这是一个有实框为红色、1像素的层l 这是一个有实框、宽300像素、高60像素的层l 这是一个无框、红色背景的层l 这是一个红色背景、上下左右边距分别为10像素、自动、自动、30像素的层l 文本右对齐l 文字大小为18像素,绿色、加粗实际效果图中各层之间添加了,为换行符,为使各层区域更容易辨认。常用的CSS属性:属性名取值说明ColorRed、Green、Grey / web颜色控制文字颜色Border数值(1px)边框大小Bo
8、rder-styleSolid(实框)、dashed(虚线)边框样式Border-color同color边框颜色Text-alignLeft、right、center、justify文本对齐方式Background-color同color背景颜色Background-imageurl(”背景图地址”)图像背景Font-size同Border字体大小Font-color同color字体颜色Font-weightNormal、bold、lighter字体粗细Width数值宽度Height数值高度Margin-left数值左边距,同理有上、右、下边距在QQ邮箱里编写HTML电子邮件打开一封你的QQ邮
9、箱收到的邮件,点击转发- 文字格式 - ,在这里你就可以看到邮件还没有经过浏览器解释的原始代码了。QQ邮件的代码框架如下:“此处放CSS格式” QQ邮箱支持非inline CSS此处放正文内容如果你发邮件的时候也打开HTML编辑视图,你会发现并没有这个标签。因为这个标签是为了放置标签,只有在里写的非inline CSS格式代码才能被qq邮箱应用。当然,如果你使用的是inline CSS,则可以去掉标签。写HTML邮件需注意: 1. 把样式写入HTML标签内部,不要独立在某个外部文件中,也不要写在间(图) 2. 给每一个有内容标签内部都加上CSS,即使重复和繁琐3. 不要用CSS来对HTML元素标签定位,用绝对大小(像素)和相对大小(百分比)相结合的表格嵌套方式来定位4. 不要在邮件中插入任何的Javascript、Flash以及一些特特殊标签(如:marquee)绝大部分邮件客户端会屏蔽Flash和Javascript,以及一些特殊标签和属性。 5. 图片的使用不要使用背景图片,background-image属性在多数在线邮件客户端会被屏蔽,在Gmail中,你看不到任何的background图片。(QQ mail中可以使用背景图)所有使用的图片需用URL定位,即需要是网络上的图片。为保