sample.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Complex HTML Sample</title> 7 <style> 8 body { 9 font-family: sans-serif; 10 line-height: 1.6; 11 margin: 20px; 12 } 13 table { 14 width: 100%; 15 border-collapse: collapse; 16 } 17 th, td { 18 border: 1px solid #dddddd; 19 text-align: left; 20 padding: 8px; 21 } 22 th { 23 background-color: #f2f2f2; 24 } 25 form { 26 margin-top: 20px; 27 } 28 input[type="text"], input[type="email"] { 29 width: 100%; 30 padding: 8px; 31 margin: 5px 0 10px 0; 32 display: inline-block; 33 border: 1px solid #ccc; 34 border-radius: 4px; 35 box-sizing: border-box; 36 } 37 input[type="submit"] { 38 width: 100%; 39 background-color: #4CAF50; 40 color: white; 41 padding: 14px 20px; 42 margin: 8px 0; 43 border: none; 44 border-radius: 4px; 45 cursor: pointer; 46 } 47 </style> 48 </head> 49 <body> 50 51 <h1>Complex HTML Sample</h1> 52 53 <p>This is a more complex HTML file for testing purposes. It includes a table and a form.</p> 54 55 <h2>Data Table</h2> 56 <table> 57 <tr> 58 <th>First Name</th> 59 <th>Last Name</th> 60 <th>Age</th> 61 </tr> 62 <tr> 63 <td>John</td> 64 <td>Doe</td> 65 <td>30</td> 66 </tr> 67 <tr> 68 <td>Jane</td> 69 <td>Smith</td> 70 <td>25</td> 71 </tr> 72 </table> 73 74 <h2>Contact Form</h2> 75 <form action="#"> 76 <label for="fname">First Name</label> 77 <input type="text" id="fname" name="firstname" placeholder="Your name.."> 78 79 <label for="lname">Last Name</label> 80 <input type="text" id="lname" name="lastname" placeholder="Your last name.."> 81 82 <label for="email">Email</label> 83 <input type="email" id="email" name="email" placeholder="Your email.."> 84 85 <input type="submit" value="Submit"> 86 </form> 87 88 </body> 89 </html>