mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-05 03:55:21 +00:00
125 lines
3.3 KiB
HTML
125 lines
3.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Test HTML Document</title>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Arial, sans-serif;
|
||
|
|
line-height: 1.6;
|
||
|
|
margin: 40px;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
color: #2c3e50;
|
||
|
|
border-bottom: 2px solid #3498db;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
color: #34495e;
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
width: 100%;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
th, td {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
padding: 12px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
th {
|
||
|
|
background-color: #f2f2f2;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.highlight {
|
||
|
|
background-color: #fff3cd;
|
||
|
|
padding: 10px;
|
||
|
|
border-left: 4px solid #ffc107;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
code {
|
||
|
|
background-color: #f8f9fa;
|
||
|
|
padding: 2px 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
font-family: 'Courier New', monospace;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Test HTML Document for Convert Tool</h1>
|
||
|
|
|
||
|
|
<p>This is a <strong>test HTML file</strong> for testing the HTML to PDF conversion functionality. It contains various HTML elements to ensure proper conversion.</p>
|
||
|
|
|
||
|
|
<h2>Text Formatting</h2>
|
||
|
|
<p>This paragraph contains <strong>bold text</strong>, <em>italic text</em>, and <code>inline code</code>.</p>
|
||
|
|
|
||
|
|
<div class="highlight">
|
||
|
|
<p><strong>Important:</strong> This is a highlighted section that should be preserved in the PDF output.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Lists</h2>
|
||
|
|
<h3>Unordered List</h3>
|
||
|
|
<ul>
|
||
|
|
<li>First item</li>
|
||
|
|
<li>Second item with <a href="https://example.com">a link</a></li>
|
||
|
|
<li>Third item</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h3>Ordered List</h3>
|
||
|
|
<ol>
|
||
|
|
<li>Primary point</li>
|
||
|
|
<li>Secondary point</li>
|
||
|
|
<li>Tertiary point</li>
|
||
|
|
</ol>
|
||
|
|
|
||
|
|
<h2>Table</h2>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Column 1</th>
|
||
|
|
<th>Column 2</th>
|
||
|
|
<th>Column 3</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>Data A</td>
|
||
|
|
<td>Data B</td>
|
||
|
|
<td>Data C</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Test 1</td>
|
||
|
|
<td>Test 2</td>
|
||
|
|
<td>Test 3</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Sample X</td>
|
||
|
|
<td>Sample Y</td>
|
||
|
|
<td>Sample Z</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h2>Code Block</h2>
|
||
|
|
<pre><code>function testFunction() {
|
||
|
|
console.log("This is a test function");
|
||
|
|
return "Hello from HTML to PDF conversion";
|
||
|
|
}</code></pre>
|
||
|
|
|
||
|
|
<h2>Final Notes</h2>
|
||
|
|
<p>This HTML document should convert to a well-formatted PDF that preserves:</p>
|
||
|
|
<ul>
|
||
|
|
<li>Text formatting (bold, italic)</li>
|
||
|
|
<li>Headings and hierarchy</li>
|
||
|
|
<li>Tables with proper borders</li>
|
||
|
|
<li>Lists (ordered and unordered)</li>
|
||
|
|
<li>Code formatting</li>
|
||
|
|
<li>Basic CSS styling</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<p><small>Generated for Stirling PDF Convert Tool testing purposes.</small></p>
|
||
|
|
</body>
|
||
|
|
</html>
|