Skip to main content

Blank HTML Template is a minimal blank HTML5 template which include basic features to start a web page.

Blank HTML5 Template

<!DOCTYPE html>
<html lang="en">
<head>
  <title>HTML Boilerplate</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="description" content="" />
  <meta property="og:title" content="" />
  <meta property="og:description" content="" />
  <meta property="og:image" content="" />
  <meta name="twitter:card" content="">
  <meta name="twitter:site" content="">
  <meta name="twitter:title" content="">
  <meta name="twitter:description" content="">
  <meta name="twitter:image" content="">

  <link rel="icon" href="img/favicon.png">
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
  <h1>Hello, world!</h1>

  <script src="scrip.js" defer=""></script>
</body>
</html>

This is an example of an HTML document. The first line, <!DOCTYPE html>, is a declaration that specifies the version of HTML used in the document. It tells the browser which version of HTML the page is written in, so that the browser knows how to interpret and render the page.

The <html> element is the root element of the HTML document and represents the entire document. It has an attribute called "lang" that specifies the language of the document. In this case, the language is set to "en", which stands for English.

The <head> element contains information about the document, such as the title, character encoding, and links to stylesheets and scripts. The <title> element specifies the title of the document, which is displayed in the browser's title bar or tab. The <meta> elements provide metadata about the document, including the character encoding, viewport settings, and descriptions for social media sharing. The <link> element links to an external stylesheet, which defines the visual styles for the document.

The <body> element contains the content of the document, which is rendered by the browser. In this example, the content is a single heading element (<h1>) that says "Hello, world!". The <script> element links to an external JavaScript file, which defines functions and behaviors for the document. The "defer" attribute tells the browser to execute the script after the page has finished loading.

The closing tags for the <html>, <head>, <body>, and other elements indicate the end of those elements and the beginning of the next element, if any. The closing tag for the <html> element marks the end of the HTML document.

Blank HTML Template is designed to be a starting point for building web pages, rather than a complete framework. It can be customized and extended to suit the specific needs of a project.