สวัสดีครับ ครั้งที่แล้วผมเขียนเรื่องการ Design หน้า content แบบ HCF (Header Content and Footer) โดย การใช้ Table เพื่อควบคุม Layout ทั้งหมดใน Email ไปแล้ว คราวนี้ เราจะมาเจาะลึกการทำ Inline Style Sheet ใส่ Email ของเราบ้างเพื่อความสวยงามครับ

การกำหนด Style Sheets แบบ Inline ก็คือการกำหนดรูปแบบการแสดงผลของ Tag ภายใน Tagนั้น ๆ เลย โดยจะมีผลต่อ Tag นั้น ๆ Tag เดียวที่เราทำการกำหนด Style ให้มัน โดยใช้ Attribute “style” ภายใน Tag ที่ต้องการกำหนดให้ เราลองไปดูตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet กันครับ

ตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet

1. <table style='border: 1px solid black; margin: auto;">
2. <tr>
3. <td style="text-align: right; font-size: 18pt;">

Email, HTML, HTML Email

ทุกวันนี้ Email Client ต่างๆสามารถอ่าน Email ที่เป็น HTML ได้แล้วไม่ว่าจะเป็น
Eudora, Outlook, AOL, Thunderbird, Lotus Notes หรือแม้กระทั่งweb-based email
services เช่น Yahoo!, Hotmail และ Google Mail (Gmail).

เมื่อใดก็ตามที่คุณต้องการสร้าง HTML Email ด้วยตัวคุณเอง มีหลักการง่ายๆแค่ 2 ข้อทีคุณต้องทราบ
1.ใช้ Table Tag, control ทุกอย่างที่เป็น layout ของหน้า Email
2.ใช้ inline CSS เพื่อ Control, เช่น background colors หรือ fonts.

Email Content, HTML Email