HTML Blank Template
Kickstart your next coding project with our HTML template!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"
content="ie=edge">
<meta name="description" content="Your meta description
goes here">
<link rel="icon"
type="image/x-icon" href="/favicon.ico">
<title>Page Title</title>
<meta property="og:title" content="A Basic HTML5
Template">
<meta property="og:type"
content="website">
<meta property="og:url"
content="https://www.yourwebsite.com">
<meta property="og:description" content="A Basic HTML5
Template">
<meta property="og:image"
content="image.png">
<!-- Link to External CSS File (Optional) -->
<link rel="stylesheet"
href="styles.css">
</head>
<body>
<!-- Your content goes here -->
<nav>
<!-- Navigation links (Optional) -->
<ul>
<li><a href="#">Home</a></li>
<li><a
href="#">About</a></li>
<li><a
href="#">Services</a></li>
<li><a
href="#">Contact</a></li>
</ul>
</nav>
<main>
<!-- Main content goes here -->
<section>
<h1>Section Title</h1>
<p>This is an example of a simple HTML page.</p>
</section>
</main>
<footer>
<p>© 2025 Your Website</p>
</footer>
<!-- Link to External JavaScript File (Optional) -->
<script src="script.js"></script>
</body>
</html>
How it works & examples
How to use the blank HTML template
Copy a starter HTML document with a document type, language declaration, metadata, navigation, main content, and links to stylesheet and script files.
How to use this tool
Copy the code into an .html file, replace placeholder titles and descriptions, and update the page URL, social image, favicon, navigation, and file paths. Create the referenced CSS and JavaScript files or remove links you do not need.
Example
For a portfolio page, set a specific title, replace the example heading with your name or work, and point navigation links to real sections or pages.
Understanding your result
This is a starting document, not a hosted website or a complete design. Test keyboard navigation, mobile layout, links, and metadata before publishing. Placeholder URLs and image paths will not work until you replace them.