Certainly! Here's a basic HTML template for an invoice: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Invoice</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 800px; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; } .invoice-header { text-align: center; margin-bottom: 20px; } .invoice-details { margin-bottom: 20px; } .invoice-details h4 { margin: 0; } .invoice-table { width: 100%; border-collapse: collapse; } .invoice-table th, .invoice-table td { border: 1px solid #ccc; padding: 8px; text-align: left; } .invoice-table th { background-color: #f2f2f2; } .invoice-total { text-align: right; } </style> </head> <body> <div class="container"> <div class="invoice-header"> <h1>Invoice</h1> </div> <div class="invoice-details"> <h4>Invoice Number: INV-001</h4> <h4>Date: May 2, 2024</h4> <h4>Due Date: May 16, 2024</h4> </div> <table class="invoice-table"> <thead> <tr> <th>Description</th> <th>Quantity</th> <th>Unit Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>Item 1</td> <td>2</td> <td>$10.00</td> <td>$20.00</td> </tr> <tr> <td>Item 2</td> <td>1</td> <td>$15.00</td> <td>$15.00</td> </tr> </tbody> <tfoot> <tr> <td colspan="3" class="invoice-total">Total:</td> <td>$35.00</td> </tr> </tfoot> </table> </div> </body> </html> ``` This is a simple HTML template for an invoice. You can customize it further according to your specific needs such as adding a company logo, address, customer details, etc. If you want to learn programming language there are few website as mention below: 1. https://www.w3schools.com/ 2. https://iqratechnology.com/ 3. https://www.javatpoint.com/<!DOCTYPE html> <html> <head> <title>Invoice Template</title> <style> /* CSS styles for the invoice */ .invoice { border: 1px solid #ccc; padding: 10px; width: 300px; font-family: Arial, sans-serif; } .invoice-header { text-align: center; font-size: 22px; margin-bottom: 10px; } .invoice-details { margin-bottom: 20px; } .invoice-details span { display: inline-block; width: 150px; font-weight: bold; } .invoice-item { margin-bottom: 5px; } .invoice-total { text-align: right; font-weight: bold; } </style> </head> <body> <div class="invoice"> <div class="invoice-header"> Invoice </div> <div class="invoice-details"> <span>Invoice Number:</span> 1001<br> <span>Date:</span> 2022-01-01<br> </div> <div class="invoice-item"> Item 1: $10.00<br> Item 2: $20.00<br> </div> <div class="invoice-total"> Total: $30.00 </div> </div> </body> </html>