HTML Interview Questions and Answers for Freshers

Sep 25, 2026

HTML Interview Questions and Answers for Freshers provides concise explanations to common entry-level HTML interview topics, covering core structure and semantics. It explains differences between inline and block elements, HTML elements versus tags, and when end tags are required. The document also addresses hyperlinks, headings levels, div vs span, semantic HTML, image alt and meta tag purposes, ID vs class, the box model, and essential HTML coding best practices. Additional questions cover XHTML vs HTML, marquee behavior, iframes for nested content, and image maps with clickable areas.

LanguageEnglish

CategoryExam

FormatPDF

Pages3

Reading Time8 min

AccessFree to download

HTML Interview Questions and Answers for Freshers

Inline vs Block Elements

HTML Tags: End Tags, Empty Elements, Links, Headings, Elements vs Tags

HTML Document Structure and Common Tags

div vs span, Semantic HTML, alt Attribute, meta Tag

HTML vs XHTML, ID vs Class, Box Model

HTML Best Practices, marquee, iframe, Image Map

|
HTML Interview Questions and Answers for Freshers
1. Difference between Inline and Block Element
1. Inline Element: Inline elements are those HTML elements that are displayed within aline of text. These tags do not start with a new line. And width of Inline elements only extends as far as it is defined by its tags.
2. Block Element: Block elements are those that create a new line and take up the full width of their container. Block elements starts from a new line on a webpage and extends the full width of the available horizontal space of its parent element.
2. Do all HTML Tags have an end tag?
No, all the HTML tags don’t have end tag. And the HTML tags who don’t have end tag are called empty tags.
For example:
tag is used to break the line. And it doesn’t have an end tag.
3. How to create a hyperlink in HTML?
In HTML we can create hyperlinks with the help of anchor tag. It contains a href attribute which define the URL or hypertext. And and tags are used to create hyperlink.
4. How many types of heading does an HTML contain?
HTML contains six levels of headings, and these heading elements are h1, h2, h3, h4, and h6. In these h1 is the highest or the most important level, and the h6 element is the least important. And h6 is the smallest heading.
5. What is the difference between HTML elements and tags.
An HTML element is the collection of a start tag, its attributes, and end tag or everything in between.
While HTML Tag (either opening and closing) is used to mark the start or end of an element. | | | --- | --- | | | | |
All HTML elements don’t require the end tag or closing tag. And the HTML tags which don’t need closing tag are referred as empty elements, self-closing elements or void elements.
6. What are the basic structure and tags of an HTML document?
An HTML document has a basic structure that includes an opening and closing HTML tag, a head tag with a title, and a body tag that contains the content of the webpage.
Some commonly used HTML tags are h1-h6 for headings, p for paragraph, a for links, img for images, and div for dividing sections of the page.
7. What is the difference between div and span tags?
The HTML div tag is used for division. It is used to divide a page into sections, while the span tag is used to apply styles to small pieces of text within a larger block of content.
Where div is a block-level HTML element and span is a inline-level HTML element.
8. What is semantic HTML?
Semantic HTML is the use of specific HTML tags to indicate the meaning of the content on a page, rather than just using generic tags like div and span. Semantic HTML also helps to improve accessibility and SEO of website.
9. What is the role of the alt attribute in an image tag?
The alt attribute in img tag provides the alternative text that is displayed when the image not loaded or if the user is using a screen reader to access the content.
10. What is the purpose of the

FAQs

What is the difference between inline and block elements in HTML?

Inline elements display within a line of text and do not start on a new line, while block elements create a new line and take up the full width of the container.

Do all HTML tags have an end tag?

No. Tags without an end tag are called empty tags (empty/self-closing/void elements), such as the
tag for line breaks.

What is semantic HTML and why is it useful?

Semantic HTML uses specific tags that describe the meaning of the content instead of only using generic tags like div and span. It helps improve accessibility and SEO.

Sep 25, 2026

Uploaded by นรินทร์