Html Interview Question | Notion

By Ankit Sir

Basic Level

What is HTML?

Answer:

HTML (HyperText Markup Language) is the standard language used to create the structure of web pages. It defines elements like headings, paragraphs, links, images, forms, etc.

Difference between HTML and CSS?

Answer:
- HTML: Defines the structure/content of a webpage.
- CSS: Defines the style/appearance of that content (colors, fonts, layout).

What are HTML tags and attributes?

Answer:
- Tags: Keywords wrapped in < > used to define elements (e.g., <p>, <h1>).
- Attributes: Extra information inside a tag (e.g., <img src="pic.jpg" alt="image">).

What is the difference between <div> and <span>?

Answer:
- <div> → Block-level element (takes full width, starts on a new line).
- <span> → Inline element (used for styling a part of text within a line).

What are semantic tags in HTML?

Answer:

Semantic tags have a clear meaning and describe their purpose.

Examples: <header>, <footer>, <article>, <section>.

They improve SEO and readability.

What is the difference between <ol>, <ul>, and <dl>?

Answer:
- <ol> → Ordered list (numbered).
- <ul> → Unordered list (bullets).
- <dl> → Definition list (terms and descriptions).

What is the difference between inline, internal, and external CSS?

Answer:
- Inline CSS → Written inside the HTML tag. (<p style="color:red;">)
- Internal CSS → Written inside <style> in the <head>.
- External CSS → Written in a separate .css file and linked with <link>.

What is the difference between absolute, relative, and fixed links in HTML?

Answer:
- Absolute URL: Full web address (e.g., https://example.com/about.html).
- Relative URL: Relative to current folder (e.g., about.html).
- Fixed/Anchor link: Jumps within same page (e.g., <a href="#top">Go to Top</a>).

What are forms in HTML?

Answer:

Forms are used to collect user input.

Example:

<form>
  <input type="text" placeholder="Name">
  <input type="email" placeholder="Email">
  <input type="submit" value="Submit">
</form>