Sample HTML to PDF and DOC Conversion

<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>
  รูปภาพพร้อมเนื้อหา &lt;เช่น&gt; บทความ ข่าว รูปภาพพร้อมเนื้อหา &lt;เช่น&gt; บทความ ข่าว รูปภาพพร้อมเนื้อหา &lt;เช่น&gt; บทความ ข่าว รูปภาพพร้อมเนื้อหา &lt;เช่น&gt; บทความ ข่าว รูปภาพพร้อมเนื้อหา &lt;เช่น&gt; บทความ ข่าว รูปภาพพร้อมเนื้อหา &lt;เช่น&gt;
  บทความ ข่าว
  <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>ข้อความภายในบล๊อค &lt;code&gt;</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