<h1 class="center">ตัวอย่างการแปลง HTML เป็น PDF</h1> <h1 style="font-family:courier;font-style:italic;">H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4> <h5>H5</h5> <h6>H6</h6> <section> <h2>Section Block</h2> <div> <b>นี่คือ <em>DIV</em></b><br> ย่อหน้าแรก ย่อหน้านี้อยู่ภายใต้ tag DIV </div> <p><b>นี่คือ ย่อหน้า <em>P</em></b><br> ย่อหน้าที่สอง อยู่ภายใต้ tag P ลำดับเดียวกันกับ ย่อหน้าแรก<br> ย่อหน้าที่สอง อยู่ภายใต้ tag P ลำดับเดียวกันกับ ย่อหน้าแรก</p> <img src="0.gif"> อยู่นอก tag <img src="0.gif"> และมีรูปภาพแบบ Inline <footer class="comment"> หมายเหตุภายใต้ tag footer หมายเหตุภายใต้ tag footer<br> หมายเหตุภายใต้ tag footer หมายเหตุภายใต้ tag footer<br> หมายเหตุภายใต้ tag footer หมายเหตุภายใต้ tag footer </footer> </section> <hr color="#FF0000" width="50%" align="center" /> <article> <h3>Article Block</h3> <figure class="center"><img src="kotchasan.jpg"></figure> รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว รูปภาพพร้อมเนื้อหา <เช่น> บทความ ข่าว <footer class="right"> footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว footer ชิดขวา ในข่าว </footer> </article> <b>ลิสต์รายการ ด้วย ul (*)</b> <ul> <li>ลิสต์รายการ ul 1</li> <li>ลิสต์รายการ ul 2</li> <li>ลิสต์รายการ ul 3</li> </ul> <b>ลิสต์รายการ ด้วย ul ใช้รูปภาพแทน *</b> <ul class="list-style-none"> <li><img src="u0.gif"> ลิสต์รายการ ul 1</li> <li><img src="u0.gif"> ลิสต์รายการ ul 2</li> <li><img src="u0.gif"> ลิสต์รายการ ul 3</li> </ul> <b>ลิสต์รายการ ด้วย ol (ตัวเลข)</b> <ol> <li>ลิสต์รายการ ol 1</li> <li>ลิสต์รายการ ol 2</li> <li>ลิสต์รายการ ol 3</li> <li>ลิสต์รายการ ol 4</li> </ol> <blockquote>18888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 28888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 38888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 </blockquote> <b>ข้อมูลในตาราง</b> <table class="fullwidth border data"> <thead> <tr> <th>คอลัมน์ 1</th> <th>คอลัมน์ 2</th> <th>คอลัมน์ 3</th> <th width="150px">คอลัมน์ 4</th> </tr> </thead> <tbody> <tr> <td>Fusce convallis</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td class="right">100.00</td> </tr> <tr class="bg2"> <td>Fusce convallis</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td>Fusce convallis, mauris imperdiet gravida bibendum<br>Fusce convallis, mauris imperdiet gravida bibendum</td> <td class="right">100.00</td> </tr> <tr> <td>Fusce convallis</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td class="right">100.00</td> </tr> <tr class="bg2"> <td>Fusce convallis</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td>Fusce convallis, mauris imperdiet gravida bibendum</td> <td class="right">100.00</td> </tr> </tbody> </table> <code>ข้อความภายในบล๊อค <code></code> ตัวอย่างจาก <a href="https://www.kotchasan.com/projects/pdf/" target=_blank>https://www.kotchasan.com/projects/pdf/</a>
PDF and DOC supports only specific HTML tags and does not support all CSS styles