HTML & Browser Fundamentals

Core concepts of HTML, the DOM, browser rendering pipeline, and how the web works.

74 questions across 14 sections

Basic Concepts Browser Request Lifecycle Browser Rendering Meta Tags Semantic HTML Script Loading Script Tag Attributes CSS Basics Display Types Data Attributes Forms Accessibility (a11y)ARIA Content Security Policy (CSP)

Basic Concepts

14 questions

Browser Request Lifecycle

16 questions

Browser Rendering

6 questions

Meta Tags

5 questions

Semantic HTML

7 questions

Script Loading

4 questions

Script Tag Attributes

3 questions

CSS Basics

3 questions

Display Types

2 questions

Data Attributes

2 questions

Forms

3 questions

ARIA

3 questions

Content Security Policy (CSP)

3 questions

CSS

Basic Concepts

What is HTML?

What is DOM?

What is Browser?

What is URL?

What is URI?

What is DNS?

What is HTTP?

What is HTTPS?

What is TCP?

What is TLS?

What is Request?

What is Response?

What is MIME Type?

What is Content-Type?

Browser Request Lifecycle

What happens when you type a URL into the browser?

What is DNS Lookup?

What is TCP Handshake?

What is TLS Handshake?

What is HTTP Request?

What is Server Processing?

What is HTTP Response?

What happens after HTML is downloaded?

What is HTML Parsing?

What is DOM Creation?

What is CSS Parsing?

What is CSSOM Creation?

What is Render Tree?

What is Layout?

What is Paint?

What is Composite?

Browser Rendering

What is DOM?

What is CSSOM?

What is Render Tree?

Difference between DOM and Render Tree.

Difference between Reflow and Repaint.

What causes Layout Shift?

Meta Tags

What is a Meta Tag?

Why use viewport meta tag?

What is charset meta tag?

What is Open Graph?

Which meta tags are important for SEO?

Semantic HTML

What is Semantic HTML?

Why is Semantic HTML important?

Difference between div and section.

Difference between section and article.

Difference between article and main.

Difference between aside and nav.

Advantages of Semantic HTML.

Script Loading

Difference between async and defer.

Why place JavaScript before the closing body tag?

Can JavaScript block rendering?

Which loads first, async or defer?

Script Tag Attributes

What is the integrity attribute?

What is crossorigin?

Why use defer?

CSS Basics

Difference between id and class.

Can multiple elements share the same id?

Can multiple classes be assigned to one element?

Display Types

Difference between block and inline.

Difference between inline and inline-block.

Data Attributes

Why use data attributes?

How do you access them in JavaScript?

Forms

Difference between GET and POST.

How does browser validation work?

Can browser validation be disabled?

Accessibility (a11y)

What is Accessibility?

Why is Accessibility important?

How do screen readers work?