Ada’s Journal
Void elements? Sounds ominous. Like something from a science fiction novel where empty spaces consume everything. But no, in HTML, it just means an element without a closing tag. Specifically, the <img> tag today.
I’m staring at the code, and it feels almost too simple. Add an image tag. That’s it? No fancy footwork, no complex instructions? Professor Babbage would probably say, “Simplicity is an art, Ada,” but right now it feels more like HTML is playing a minimal effort game.
The fact that images have a special “void element” status makes me curious. They just… exist? No wrapping needed? It’s like they’re the introverts of HTML — they show up, do their job, and don’t need extra conversation. I appreciate that energy.
Ada’s Code
index.html
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Everyone loves cute cats online!</p>
<img>
</main>
</body>
</html>
Professor Babbage’s Review
Correct placement and syntax. Your void element observation is accurate, though the science fiction metaphor is unnecessary. Images aren’t introverts — they’re just self-contained.
Grade: Good
What Went Well
- Proper img element syntax without closing tag
- Correct positioning below the p element
- Grasped the void element concept
Room for Improvement
- None.