ietf-822
[Top] [All Lists]

How we are planning to embed HTML in messages

1995-05-13 10:42:08
We will shortly start coding a variant of our mail and conference
system, in which we will allow messages in HTML format.

After my signature below comes an example of how we are planning
to encode this using MIME. Any comments are welcome.

------------------------------------------------------------------------
Jacob Palme <jpalme(_at_)dsv(_dot_)su(_dot_)se> (Stockholm University and KTH)
for more info see URL: http://www.dsv.su.se/~jpalme

--- cut here ---
MAIL FROM:<jpalme(_at_)DSV(_dot_)SU(_dot_)SE>
RCPT TO:<jptest(_at_)DSV(_dot_)SU(_dot_)SE>
RCPT TO: <jpalme(_at_)DSV(_dot_)SU(_dot_)SE>
DATA
Date: Sat, 22 Apr 1995 06:18:00 +0200 (MET DST)
From: Jacob Palme <jpalme(_at_)dsv(_dot_)su(_dot_)se>
To: jptest(_at_)dsv(_dot_)su(_dot_)se
Message-Id: <jpalme*4711(_at_)su-kom(_dot_)dsv(_dot_)su(_dot_)se>
X-mailer: KOM-95V0.1
Mime-Version: 1.0
Content-Type: MULTIPART/MIXED; BOUNDARY="Boundary 1"
Subject: Demo of a MIME MULTIPART/ALTERNATIVE message

  This message is in MIME format. It contains the same text in two
  formats. The first part is in plain text format. The second part
  is the same text in the World Wide Web (HTML) format.

--Boundary 1
Content-Type: MULTIPART/ALTERNATIVE; BOUNDARY="Boundary 2"
Content-ID: <jpalme*4711-1(_at_)su-kom(_dot_)dsv(_dot_)su(_dot_)se>

--Boundary 2
Content-Type: TEXT/PLAIN; charset=ISO-8859-1
Content-Transfer-Encoding: QUOTED-PRINTABLE
Content-Id: <jpalme*4711-2(_at_)su-kom(_dot_)dsv(_dot_)su(_dot_)se>

                         Centered header
                         ---------------

               +---------------------------------+
               | Picture of circle inside square |
               +---------------------------------+

This is a message, which will be sent first as plain text, and then in the
HTML format, using the MIME MULTIPART/ALTERNATIVE method of sending the
same text in the same message in two different ways.

------------------------------------------------------------------------
Jacob Palme                      E-mail: jpalme(_at_)dsv(_dot_)su(_dot_)se
Department of Computer and       Phone: +46-8-16 16 67
Systems Sciences (DSV)           Fax: +46-8-703 90 25
Stockholm University             Postal address: Skeppargatan 73,
Royal Institute of technology    S-11530 Stockholm, Sweden

--Boundary 2
Content-Type: TEXT/HTML; Version=3.0; Charset=iso-8859-1; X-w4g-subset=1
Content-Transfer-Encoding: 7BIT
Content-Id: <jpalme*4711-3(_at_)su-kom(_dot_)dsv(_dot_)su(_dot_)se>

<html>
<title>Demo of a MIME MULTIPART/ALTERNATIVE message</title>
<head></head>
<body>
<a name="para-1">
<h1>Large font header</h1>
<IMG SRC="%%%%%%%%%%%%%%%%%%%%" align=center
alt="Picture of circle inside square"><br>
<a name="para-2">
<strong>This is the caption of the picture</strong><p>
<a name="para-3">
This is a message, which will be sent first as plain
text, and then in the HTML format, using the MIME
MULTIPART/ALTERNATIVE method of sending the same text in the
same message in two different ways.
<a name="para-4">
<hr><pre>
Jacob Palme                      <strong>E-mail:</strong> 
jpalme(_at_)dsv(_dot_)su(_dot_)se
Department of Computer and       <strong>Phone:</strong> +46-8-16 16 67
Systems Sciences (DSV)           <strong>Fax:</strong> +46-8-703 90 25
Stockholm University             <strong>Postal address:</strong> Skeppargatan 
73,
Royal Institute of technology    S-11530 Stockholm, Sweden
</pre>
</body></html>
--Boundary 2--
--Boundary 1
Content-Type: IMAGE/GIF; name="circle-in-square.gif"
Content-Transfer-Encoding: BASE64
Content-Id: <jpalme*4711-4(_at_)su-kom(_dot_)dsv(_dot_)su(_dot_)se>
Content-Description: Picture of circle inside square

R0lGODlhgALgAfAAAP///wAAACwAAAAAgALgAQAC/4SPqcvtD6OctNqLs968
+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq
9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiI
mKi4yNjo+AgZKTlJWWl5iZmpuXkT4PkJGio6SlpqCsqZquoX0NO6ChtL97pD
K3uLm2abs5vr++vV2wlMXKwlbINsvMycpEzz3Cw97RMtY02drT2DDdO9DR6O
8u1CLn6O3mHOsp7u/i7RrlC6IQ9/j39gD/DZ0H+xL5/AdPI8TTBYIeDAheDa
OUzIMKJEA+YQAvymcKLGYv/kLGLw6CDjxpG5MGYEyUAkyZWwMH7AppKlzE3d
YvKDYHOmzkowR0TLuTMopJ4ifgo9yhFniWdAkTo9ZK3pTX9Pq8qKujSk1a2q
jJpQJpWr2Dxes6Yci9ZSWRJg07qVtNYn1bd0G8UtOreuXkR3Q7TdC7hQXxB/
AxsGNPhl3sOM9yT2ULix5DtY2WqdjLlOZbmLM3t2sxlv58+kdUUA+ri0ajBE
/T4Iuzo2kZquX8u+LcYl5NO4ewc7eLK17+FXOgZEeZa48ioV7SFPvjw6lIcW
Kkq/7qSgyerYuyvZ929BeIjeyxcJPqqe+fVCYGtwzz7+e1fy6+uA/9G+/mT0
9/v/j4EfQP8NWE5/BB44joEILshZLQw+KJqDEE6ojoIUXljdKRpuyCEpGH4I
YogijkhiiSaeiGKKKq7IYosuvghjjDLOSGONNt6IY4467shjjz7+CGSQQg5J
ZJFGHolkkkouyWSTTj4JZZRSTklllVZeiWWWWm7JZZdefglmmGKOSWaZZp6J
Zppqrslmm26+CWeccs5JZ5123olnnnruyWeffv4JaKCCDkpooYYeimiiii7K
aKOOPgpppJJOSmmlll6Kaaaabsppp55+Cmqooo5Kaqmmnopqqqquymqrrr4K
a6yyzkprrbbeimuuuu7Ka6++/gpssMIOS2yxxh6LbLLK/y7LbLPOPgtttNJO
S2211l6Lbbbabsttt95+C2644o5Lbrnmnotuuuquy2677r4Lb7zyzktvvfbe
i2+++u7Lb7/+/gtwwAIPTHDBBh+McMIKL8xwww4/DHHEEk9MccUWX4xxxhpv
zHHHHn8Mcsgij0xyySafjHLKKq/McssuvwxzzDLPTHPNNt+Mc84678xzzz7/
DHTQQg9NdNFGH4100kovzXTTTj8NddRST0111VZfjXXWWm/Ndddefw122GKP
TXbZZp+Ndtpqr812226/DXfccs9Nd91234133nrvzXfffv8NeOCCD0544YYf
jnjiii/OeOOOPw555JJPTnnllpRfjnnmmm/Oeeeefw566KKPTnrppp+Oeuqq
r856666/Dnvsss9Oe+2234577rrvznvvvv8OfPDCD0988cYfj3zyyi/PfPPO
Pw999NJPT3311l+Pffbab899995/D3744o9Pfvnmn49++uqvz3777r8Pf/zy
z09//fbfj3/++u/Pf//+/w/AAApwgAQsoAEPiEDDEAAFADs=
--Boundary 1--