Get the Preplance app for a seamless learning experience. Practice offline, get daily streaks, and stay ahead with real-time interview updates.
Get it on
Google Play
4.9/5 Rating on Store
HTML · Question Set
HTML Basics & Structure interview questions for placements and exams.
Questions
16
Included in this set
Subject
HTML
Explore more sets
Difficulty
Mixed
Level of this set
Go through each question and its explanation. Use this set as a focused practice pack for HTML.
A tag is a keyword enclosed in angle brackets that tells the browser how to display content, like the paragraph tag or the heading tag. An element includes both the opening tag, the content inside, and the closing tag.
For complete preparation, combine this set with full subject-wise practice for HTML. You can also explore other subjects and sets from the links below.
HTML stands for Hyper Text Markup Language.
Most HTML tags come in pairs, like the paragraph tag with opening and closing. However, some tags are self closing, like image, break, and input tags. HTML tags are not case sensitive, and they can be nested inside each other to create structure.
<!-- Paired tags -->
<p>This is a paragraph</p>
<div>This is a division</div>
<!-- Self-closing tags -->
<img src="photo.jpg" alt="Photo">
<br>
<input type="text">
<!-- Nested tags -->
<div>
<p>Paragraph inside a div</p>
</div>Modern browsers will still show the page because they auto-fix errors. However, this is invalid HTML and may cause problems in some browsers or tools. Always close all tags properly for best practice and compatibility.
<!-- Invalid - missing closing html tag -->
<!DOCTYPE html>
<html>
<head>
<title>Missing Close Tag</title>
</head>
<body>
<p>Content</p>
</body>
<!-- Missing </html> -->
<!-- Valid - proper structure -->
<!DOCTYPE html>
<html>
<head>
<title>Proper Structure</title>
</head>
<body>
<p>Content</p>
</body>
</html>The correct order is DOCTYPE first, then html tag, then head section, and finally body section. This structure is mandatory. The DOCTYPE must come before any HTML tags. Then head with metadata, and body with visible content.
<!DOCTYPE html>
<html>
<head>
<title>Correct Order Example</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Main Content</h1>
<p>Page content here</p>
</body>
</html>HTML is a markup language, not a programming language. Markup languages structure and format content. Programming languages like JavaScript or Python create logic with variables, loops, and conditions. HTML simply uses tags to organize content on web pages.
The html tag is the root element. It wraps everything in the document and tells the browser this is an HTML page. All other tags like head and body must be inside the html tag.
<html>
<head>
<!-- Meta information goes here -->
</head>
<body>
<!-- Visible content goes here -->
</body>
</html>The correct HTML 5 DOCTYPE is simply DOCTYPE html. It is much shorter than older versions. You can write it in uppercase or lowercase, but uppercase is conventional. This triggers standards mode in all browsers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Document</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>The paragraph tag belongs in the body section, not the head. The head contains metadata like title, meta tags, stylesheet links, and scripts. Paragraph tags are for visible content that users see on the page.
<!DOCTYPE html>
<html>
<head>
<title>Correct Structure</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>This paragraph belongs in the body</p>
</body>
</html>All visible content goes in the body section. This includes text, images, videos, links, tables, and everything users see and interact with. The body comes after the head and contains the actual page content.
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>This heading is visible</h1>
<p>This paragraph is visible</p>
<img src="image.jpg" alt="This image is visible">
</body>
</html>The title tag shows in the browser tab, bookmarks, and search results. It goes inside the head section. Every HTML page needs a title. It does not appear on the page itself, unlike the h1 heading which is visible.
<!DOCTYPE html>
<html>
<head>
<title>Learn HTML Basics - Complete Guide</title>
</head>
<body>
<h1>Welcome to HTML Tutorial</h1>
</body>
</html>The head contains metadata like title, character encoding, and stylesheet links. Users do not see this content. The body contains all visible content like text, images, and videos. Both sections are required in every HTML document.
<!DOCTYPE html>
<html>
<head>
<!-- Metadata - Not visible on page -->
<title>My Website</title>
<meta charset="UTF-8">
<meta name="description" content="Website description">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Visible content -->
<h1>Welcome to My Website</h1>
<p>This text is visible to users</p>
<img src="logo.png" alt="Logo">
</body>
</html>The head and body tags have different roles. The head section contains metadata about the document that users do not see. This includes the title tag for the browser tab, meta tags for character encoding and search engine descriptions, links to CSS stylesheets, and script tags for JavaScript. This content is hidden but important for how the page functions. The body section contains all visible content. This includes headings, paragraphs, images, videos, links, buttons, forms, and tables. Everything users see on screen is in the body. The browser renders and displays all body content. The head always comes before the body in the document. Both sections are required. You can only have one head and one body per document, but the body can have unlimited nested elements inside it. The head loads first, so stylesheets and scripts are ready before visible content appears.
<!DOCTYPE html>
<html>
<head>
<!-- METADATA - Not visible -->
<title>Head vs Body Example</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<!-- VISIBLE CONTENT -->
<h1>This heading is visible</h1>
<p>This paragraph is visible</p>
<button>This button is visible</button>
<img src="photo.jpg" alt="This image is visible">
</body>
</html>The DOCTYPE declaration has two main purposes. First, it tells the browser which HTML version the page uses, so it can render correctly. Second, it makes the browser use standards mode instead of quirks mode. Standards mode follows modern web standards strictly. Quirks mode is for older websites with non-standard code. \n For HTML 5, the DOCTYPE is simply DOCTYPE html, which is much simpler than older versions. The DOCTYPE must be the very first line, even before the html tag. Without it, browsers may use quirks mode, causing display issues across different browsers. Remember, DOCTYPE is not an HTML tag. It is an instruction to the browser.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOCTYPE Example</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>An HTML document has a clear structure. At the top is the DOCTYPE declaration specifying the HTML version. Next is the html tag, which wraps everything. Inside the html tag are two main sections. The head section contains metadata that is not visible on the page. This includes the title tag for the browser tab, meta tags for encoding and descriptions, and links to stylesheets and scripts. The body section contains all visible content like headings, paragraphs, images, links, and forms. Users see and interact with everything in the body. The head always comes before the body. Both are required in valid HTML. A basic document looks like this: DOCTYPE, then opening html tag, then head with title, then body with content, then closing html tag. This structure ensures your page works correctly in all browsers.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic HTML Structure</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Website Header</h1>
</header>
<main>
<p>Main content goes here</p>
</main>
<footer>
<p>Copyright 2025</p>
</footer>
</body>
</html>The DOCTYPE tells the browser which HTML version you are using. It must be the first line before the html tag. For HTML 5, it is simply DOCTYPE html. This ensures the browser displays your page correctly in standards mode.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>Content here</p>
</body>
</html>