Explain the structure of a basic HTML document.

Difficulty: 2/10

doctype, head and body, semantic tags

Structure of a Basic HTML Document

A basic HTML document follows a standard structure that tells the browser how to interpret the content. It starts with a document type declaration, followed by the <html> root element, which contains two main sections: the <head> and the <body>.

Basic HTML Document Example

Main Parts of an HTML Document

1<!DOCTYPE html> – Declares the document type and version of HTML.
2<html> – The root element that wraps all content on the page.
3<head> – Contains metadata such as the page title, character encoding, and linked stylesheets or scripts.
4<title> – Sets the title of the web page shown in the browser tab.
5<body> – Contains all the visible content like text, images, links, and other elements.

Scenario Questions

0-2 years experience

1You're building a simple landing page for a new product. Walk me through the HTML skeleton you'd write and why each part is needed.
2If you accidentally placed a <script> tag inside the <head> without the defer attribute, what would the browser do during page load?
3What happens if you forget to close the <title> tag in the head section?

Follow-up Questions

What would happen if the doctype is omitted or incorrect?
Why does the placement of meta tags matter for SEO and rendering?
How does the order of CSS and JavaScript tags affect page load performance?