The Romos Life
Home
About
Career
Family
POCs
← Back to POCs
HTML to PDF Converter
Save as PDF (Text)
Generate PDF (Image)
HTML Editor
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; } h1 { color: #2c3e50; border-bottom: 2px solid #3498db; padding-bottom: 10px; } h2 { color: #34495e; margin-top: 20px; } .highlight { background-color: #f39c12; padding: 2px 6px; border-radius: 3px; } .box { border: 2px solid #3498db; padding: 15px; margin: 20px 0; border-radius: 5px; background-color: #ecf0f1; } table { width: 100%; border-collapse: collapse; margin: 20px 0; } th, td { border: 1px solid #bdc3c7; padding: 10px; text-align: left; } th { background-color: #3498db; color: white; } tr:nth-child(even) { background-color: #f8f9fa; } code { background-color: #f4f4f4; padding: 2px 6px; border-radius: 3px; font-family: 'Courier New', monospace; } </style> </head> <body> <h1>Sample HTML Document</h1> <p>This is a <strong>sample HTML document</strong> that demonstrates various HTML features and styling!</p> <h2>Features</h2> <ul> <li><span class="highlight">Styled elements</span> with custom CSS</li> <li>Tables with formatting</li> <li>Lists and text formatting</li> <li>Custom boxes and containers</li> </ul> <div class="box"> <h3>Information Box</h3> <p>This is a styled box that stands out from the rest of the content. You can use it to highlight important information.</p> </div> <h2>Sample Table</h2> <table> <thead> <tr> <th>Feature</th> <th>Status</th> <th>Priority</th> </tr> </thead> <tbody> <tr> <td>HTML Support</td> <td>✅ Complete</td> <td>High</td> </tr> <tr> <td>CSS Styling</td> <td>✅ Complete</td> <td>High</td> </tr> <tr> <td>PDF Export</td> <td>✅ Complete</td> <td>High</td> </tr> </tbody> </table> <h2>Code Example</h2> <p>You can include inline code like <code>const example = "Hello World"</code> in your HTML.</p> <h2>Text Formatting</h2> <p> <strong>Bold text</strong>, <em>italic text</em>, and <u>underlined text</u> are all supported. </p> <hr> <p><small>Start editing the HTML above and click "Generate PDF" to create your PDF document!</small></p> </body> </html>
Live Preview