A-AA+then

mail html

1,003
สวัสดีครับ
ผมพึ่มเข้ามาครั้งแรก ขอฝากตัวด้วยนะครับ

คือ ผมลองอีเมล์ แบบ html แต่ไม่เค้าใจครับ แล้วก็ไม่รู้เรื่อง html ด้วย

ผมใช้ บริการของ getresponse ในการสร้าง e mail ขึ้นมา แล้วนำโค้ด html ที่ได้ไปส่ง ในเว็บ yourmailinglistprovider
แต่รูปภาพไม่ขึ้นอ่ะครับ
แต่ ลองเอาไปใส่ในหน้าเว็บรูปภาพกลับขึ้นครับ 

เพราะอะไรครับจึงเป็นแบบนั้น
แล้วต้องแก้ไขอย่างไรครับ


ขอบคุณครับ



โค้ด html

    <table style="width: 100%; font-size: 0pt; border-collapse: collapse; text-align: center;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="width: 100%; text-align: center;">
    <table style="width: 630px; font-size: 0pt; border-collapse: collapse; margin-left: auto; margin-right: auto; font-family: tahoma; padding: 15px;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td width="15">&nbsp;</td>
    <td style="color: #9d0716;" align="left" valign="bottom">
    <table style="font-size: 20px;" border="0" cellspacing="0" cellpadding="0" width="600">
    <tbody>
    <tr>
    <td width="80" height="58" align="left"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/img_1.gif" border="0" alt="logo" width="76" height="58" /></td>
    <td style="text-align: left;" width="283"><span style="font-family: verdana, geneva, arial, helvetica, sans-serif; color: #ff9900;">
    <div style="text-align: right; font-size: 13px;"><span style="font-size: 24px;">Neolife Online Center</span></div>
    </span>
    <h1 style="color: #b82e2b; margin: 0; padding: 0; font-size: 22px; font-family: Arial, Helvetica, sans-serif;"><span style="color: #ff9900; font-family: verdana, geneva, arial, helvetica, sans-serif; font-weight: normal; font-size: 16px;">นีโอไลฟ์ ออนไลน์ เซ็นเตอร์</span>&nbsp;</h1>
    </td>
    <td style="padding: 0 0 0 15px;" align="left">
    <p style="color: #b82e2b; margin: 0; padding: 0; font-size: 18px; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.xn--72c5ahaa5esca5bb6rudc.co.cc/">www.ทำงานออนไลน์.co.cc</a></p>
    </td>
    </tr>
    <tr>
    <td colspan="2" align="left" valign="bottom"><a style="text-decoration: none;" href="#"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/img_2.jpg" border="0" alt="" width="348" height="253" /></a></td>
    <td align="left" valign="top">
    <table style="font-size: 12px; color: #ffffff;" border="0" cellspacing="0" cellpadding="0" width="237" align="right">
    <tbody>
    <tr>
    <td style="padding: 0 0 0 15px;" height="53" bgcolor="#ff9000">
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #ffffff;"><span style="color: #000000; font-family: arial, sans-serif; font-weight: normal; font-size: 13px;">สวัสดีครับ<br /><br />การกรอกข้อมูลลงทะเบียนของท่าน สมบูรณ์เรียบร้อยแล้วครับ<br /><br />ต่อไปท่านจะได้รับอีเมล์ จดหมายข่าวสาร ข้อมูลอัพเดทจากทางระบบของนีโอไลฟ์ออนไลน์เซ็นเตอร์ อย่างสม่ำเสมอครับ<br /><br />นีโอไลฟ์ สร้างรายได้อย่างยั่งยืน<br />------------------------------------------<br />สุดยอดทีมงานนีโอไลฟ์ออนไลน์เซ็นเตอร์</span></h3>
    </td>
    </tr>
    <tr>
    <td style="padding: 0 15px 0 0;" align="right" valign="bottom" bgcolor="#ff9000">
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td rowspan="3" width="7" height="19"><span style="color: #ffffff;"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/marketing_butt_left.png" border="0" alt="" width="7" height="19" /></span></td>
    <td width="35" height="2"><span style="color: #ffffff;"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/marketing_butt_top.png" border="0" alt="" width="35" height="2" /></span></td>
    <td rowspan="3" width="17" height="19"><span style="color: #ffffff;"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/marketing_butt_right.png" border="0" alt="" width="17" height="19" /></span></td>
    </tr>
    <tr>
    <td style="padding: 0 0 0 2px;" height="14" align="center" valign="top" bgcolor="#800008">
    <p style="font-size: 11px; line-height: 14px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif;"><span style="color: #ffffff;"><a href="http://xn--72c9abaa6a4be0eea1d8a2o5ai3kj.blogspot.com/p/home-neolife-online.html">more</a></span></p>
    </td>
    </tr>
    <tr>
    <td width="35" height="3"><span style="color: #ffffff;"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/marketing_butt_bottom.png" border="0" alt="" width="35" height="3" /></span></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/box_r_f.gif" border="0" alt="" width="237" height="38" /></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <table style="font-size: 12px;" border="0" cellspacing="0" cellpadding="0" width="600">
    <tbody>
    <tr>
    <td style="padding: 0 15px 0 15px;" width="260" align="left">
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #b82e2b; font-weight: bold;">&nbsp;&nbsp;</h3>
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #b82e2b; font-weight: bold;">&nbsp; &nbsp; &nbsp;</h3>
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #b82e2b; font-weight: bold;">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; มาดูซิเรากำลังทำอะไรอยู่ ?</h3>
    </td>
    <td width="10">&nbsp;</td>
    <td style="padding: 0 15px 0 15px;" width="340" align="left">
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #b82e2b; font-weight: bold;">นีโอไลฟ์ มีนัด คุณรู้มั้ย ??</h3>
    </td>
    </tr>
    <tr>
    <td style="padding: 15px; font-size: 11px;" valign="top">
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td width="30" align="left" valign="top">
    <table style="border-collapse: collapse; text-align: center;" border="0" cellspacing="0" cellpadding="0" width="22">
    <tbody>
    <tr>
    <td style="font-size: 1px;"><img src="http://www.getresponse.com/images/common/templates/other/82/3/img/items_top.jpg" alt="" width="22" height="5" /></td>
    </tr>
    <tr>
    <td bgcolor="#9a161e"><span style="color: #ffffff;"><span style="font-size: 12px;">#</span></span></td>
    </tr>
    <tr>
    <td style="font-size: 1px;"><img src="http://www.getresponse.com/images/common/templates/other/82/3/img/items_bottom.jpg" alt="" width="22" height="5" /></td>
    </tr>
    </tbody>
    </table>
    &nbsp;</td>
    <td style="padding: 0px 15px 15px 10px; font-size: 11px; color: #93000b;" valign="top">
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #93000b;"><span style="color: #800000; font-family: verdana, geneva, arial, helvetica, sans-serif; line-height: normal; font-size: 19px;"><span style="color: #000000; font-family: tahoma; font-size: 11px;"><a href=" http://social.neolifeonlinecenter.com"><img src="http://social.neolifeonlinecenter.com/static/image/asiancaf//logosocial2.png" alt="" /></a></span><span style="font-family: 'andale mono', times; font-size: medium;">มิตรภาพและความสำเร็จ</span></span></p>
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #93000b;"><span style="color: #800000; font-family: verdana, geneva, arial, helvetica, sans-serif; line-height: normal; font-size: 19px;"><span style="font-family: 'andale mono', times; font-size: medium;">ขอมอบให้กั</span></span><span style="font-family: 'andale mono', times; font-size: medium;"><span style="color: #800000; line-height: normal;">&nbsp;</span><span style="color: #800000; line-height: normal;">บทุกท่าน</span></span></p>
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #93000b;"><span style="font-family: 'andale mono', times; font-size: medium;"><span style="color: #800000; line-height: normal;">&nbsp;</span><span style="color: #000000; line-height: normal;"><span style="color: #000080;">ร่วมสร้างสังคมเครือข่ายคุณภาพ</span>&nbsp;</span></span></p>
    </td>
    </tr>
    </tbody>
    </table>
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    </tbody>
    </table>
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    </tbody>
    </table>
    <table border="0" cellspacing="0" cellpadding="0" width="223" align="center">
    <tbody>
    <tr>
    <td style="font-size: 0px;" height="9" align="left"><img style="border: 0;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/box_c_ng.png" alt="" width="223" height="9" /></td>
    </tr>
    <tr>
    <td style="padding: 15px;" bgcolor="#ff9000">
    <table style="margin-left: 20px;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="padding: 8px 8px 0 0;"><img style="display: block;" src="http://www.getresponse.com/images/common/templates/other/82/3/img/contact.png" border="0" alt="" width="52" height="46" /></td>
    <td valign="middle">
    <h3 style="font-size: 15px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #800008; font-weight: bold;">การติดต่อ &nbsp; :</h3>
    </td>
    </tr>
    </tbody>
    </table>
    <table style="margin-left: 20px;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="padding: 10px 5px 5px 5px;" colspan="2">
    <h4 style="margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #b7302d; font-family: Arial, Helvetica, sans-serif;">อนุสรณ์ จำรัส</h4>
    </td>
    </tr>
    <tr>
    <td style="padding: 5px; font-weight: bold; font-size: 11px; color: #a20e17;" align="right">
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #a20e17;"><span style="font-weight: 800;">โทรศัพท์ :</span></p>
    </td>
    <td>
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #a20e17;">+66 81572165</p>
    </td>
    </tr>
    <tr>
    <td style="padding: 5px; font-weight: bold; font-size: 11px; color: #a20e17;" align="right">
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #a20e17;">e-mail:</p>
    </td>
    <td>
    <p style="font-size: 11px; line-height: 16px; margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #a20e17;">mideneolife@gmail<a style="text-decoration: none; color: #a20e17;" href="mailto:info@modern.com">.com</a></p>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td style="font-size: 0px;" height="9" align="left"><img src="http://www.getresponse.com/images/common/templates/other/82/3/img/box_c_foot.png" border="0" alt="" width="223" height="9" /></td>
    </tr>
    </tbody>
    </table>
    </td>
    <td height="316"><img src="http://www.getresponse.com/images/common/templates/other/82/3/img/box_2_bg_l.gif" alt="" /></td>
    <td style="padding: 15px; font-size: 11px; color: #93000b;" valign="top">
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td><span style="font-family: verdana, geneva, arial, helvetica, sans-serif; color: #4c4c4c; font-size: 13px;"> 
    <table style="margin-top: 5px; margin-bottom: 5px;" cellspacing="0" cellpadding="0" width="100%">
    <tbody>
    <tr>
    <td style="font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #4c4c4c; background-color: #ffffff; padding: 0px;" align="left">
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">ทีมงานนีโอไลฟ์ออนไลน์เซ็นเตอร์ จะมีการประชุม พูดคุย แลกเปลี่ยนเรียนรู้ กันทุกวันครับ</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">โดยผ่านทางโปรแกรม SKYPE และห้องประชุมผ่านเว็บ Dimdim</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;"><span style="color: #0000ff;">ตั้งแต่เวลา 19.30 เป็นต้นไป</span></div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">&nbsp;</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">โดยจะมีรายละเอียดทั้งหมด ในทุก ๆ เรื่องขององค์ประกอบหลักที่สำคัญของนีโอไลฟ์</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">โดยเฉพาะรายละเอียดต่าง ๆ ของสินค้าผลิตภัณฑ์&nbsp;</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">ตลอดจนแนวทางการทำธุรกิจนีโอไลฟ์ออนไลน์ผ่านระบบอินเตอร์เน็ต, เทเลมาร์เก็ตติ้ง, อีเมล์มาร์เก็ตติ้ง ฯลฯ</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">การถาม - ตอบ ปัญหา ที่ทีมงานได้ประสบพบมาในแต่ละวัน</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">ท่านใดที่ยังไม่มีโปรแกรม Skype ไปดาวน์โหลดและดูวิธีการติดตั้งที่นี่เลยครับ&nbsp;<a style="color: #0000cc; font-weight: normal; font-size: 10pt; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: underline;" href="http://t.ymlp110.com/uhagamhqadaeebjaxaumj/click.php" target="_blank"><strong><span style="color: #ff0000;">http://www.neolifeonlinecenter.com/skype-setup/</span></strong></a></div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">&nbsp;</div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">
    <div><span style="color: #0000ff;"><span style="font-size: 19px;"><br /></span></span></div>
    </div>
    <div style="color: #4c4c4c; font-size: 10pt; font-weight: normal;">&nbsp;</div>
    </td>
    </tr>
    </tbody>
    </table>
    </span></td>
    </tr>
    <tr>
    <td style="padding: 15px 10px 0 0;" align="right"><br /></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="3" height="15">&nbsp;</td>
    </tr>
    </tbody>
    </table>
    </td>
    <td width="15"><br /></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <p><img style="display: block; margin-left: auto; margin-right: auto;" src="http://img2.ymlp51.net/n9ak_top.gif" alt="" /></p>

3 ความคิดเห็น

การส่งเมล์แบบ html หมายถึง เราสามารถใส่ tag ของ html เช่น ตัวหนา ตัวเอียง หรือ ลิงค์ และ รูปภาพลงในอีเมล์ได้

ถ้าไม่เข้าใจว่า html คืออะไร ก็คงต้องศึกษาก่อนครับ เพราะมันเป็นพื้นฐานที่ ควร จะเข้าใจ ถ้าต้องการจะทำงานให้สำเร็จ

การส่งเมล์จะเป็น html หรือไม่นั้น มีปัจจัยหลายประการ

1.เมล์เซิร์ฟเวอร์ที่ใช้ส่ง รองรับ html หรือไม่
2.กำหนดค่าการส่งว่าเป็น HTML หรือไม่ (mail header)
3. เมล์เซิร์ฟเวอร์ที่รับ รองรับ html หรือไม่
4. เมล์ client (ตัวอ่านอีเมล์) รองรับ html หรือไม่

ถ้าขาดองค์ประกอบข้างต้น อีเมล์คงไม่เป็น html

ข้อ 1 เป็นสิ่งที่เราเลือกได้ แต่จาก ที่อ้างถึง มันก็น่าจะรองรับ
ข้อ 3 และ 4 เป็นเรื่องของผู้รับ เรากำหนดไม่ได้ ทางเลือกโดยทั่วไป ก็อาจมีลิงค์ หรือข้อความที่ระบุว่าให้ไปดูเมล์ที่เป็น html ได้ที่ไหน
ข้อ 2 นี่สำคัญ เพราะเป็นความรับผิดชอบของผู้เขียนโดยตรง วึ่งจะขึ้นกับโปรแกรมที่ใช้เขียน และ วิธีเขียน เพื่อที่จะทำให้เป็น html

ผมไม่รู้ว่าข้อผิดพลาดจะอยู่ที่ขั้นตอนไหน เพราะ ข้อมูลที่ให้มา ยาวเกินไป และ ไม่บ่งบอกถึงปัญหา

คำแนะนำ คือ ให้ลองใช้ตัวอย่างเมล์บนเว็บ เขียนเพื่อส่งดู ก็อาจจะช่วยให้เกิดความเข้าใจขึ้นได้นะครับ เพราะโดยปกติ mail ของ php ก็สามารถส่งแบบ html ได้ (มีตัวอย่างบนเว็บ)
1

    ขอบคุณครับ
    
    ได้ข้อสรุปแล้วครับ
    
    ข้อ 3 และ 4 เป็นเรื่องของผู้รับ เรากำหนดไม่ได้ ทางเลือกโดยทั่วไป ก็อาจมีลิงค์ หรือข้อความที่ระบุว่าให้ไปดูเมล์ที่เป็น html ได้ที่ไหน
    
    ไม่ได้กดแสดงรูป เวลาอ่านจดหมาย
    
    ตอนนี้ได้แล้วครับ
    
    แต่ทำมัย แสดงใน gmail กับ hotmail
    
    hotmail แสดงไม่สมบูรณ์ครับ แล้วจะแก้ไขอย่างรัยได้ครับ
    
     

2

อ้างจากคำตอบที่ #2แต่ทำมัย แสดงใน gmail กับ hotmail

    
    hotmail แสดงไม่สมบูรณ์ครับ แล้วจะแก้ไขอย่างรัยได้ครับ


    เออ....จะตอบยังไงเนี่ย ไม่มีข้อมูลเพียงพอจะตอบคำถามครับ

3
^