🔍 Mini Inspector

Click on any element below to inspect it and learn about HTML!

🎓 How to Use Mini Inspector

Step 1: Click on any element on this page (buttons, text, images, etc.)

Step 2: A tooltip will appear showing the HTML tag information

Step 3: Click the help button (?) for additional learning resources

Step 4: Explore and learn how web pages are built!

📝 Text Elements

This is a paragraph element. Paragraphs are the most common way to display text content on web pages.

This paragraph has both an ID and a class. Try clicking on it!

This is a heading level 3

This is a span element - it's used for inline styling.

🎯 Interactive Elements

These are elements users can interact with:

🖼️ Media & Layout Elements

These elements help structure and display content:

Sample Image Placeholder

Sample List

  • First list item
  • Second list item with more content
  • Special list item with ID
  • Final list item

🏗️ Layout Containers

These elements help organize and structure page layout:

Sample Article

This is the main content of the article. Articles are semantic elements that represent standalone content.

🤖 Learning Assistant
What is HTML?
What are HTML tags?
What are attributes?
What's the difference between class and ID?
What is semantic HTML?
How does CSS work?