Ada’s Journal
Attributes? More like adding a backstage pass to my HTML elements. This src business feels like telling an image exactly where to show up. I’m imagining Professor Babbage saying, “Precise instructions, Ada. Always precise.”
I’ve seen img tags before, but now I’m realizing they’re not just magical picture-summoning portals. They need an address, just like sending a postcard. The URL is basically the image’s home address. “Hey image, here’s exactly where you live on the internet.”
The lesson feels almost absurdly simple. Add a link, wrap it in quotes. Done. But I know these tiny details matter. One misplaced character and suddenly my cat photo becomes a digital ghost, wandering the internet with no destination.
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 src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
</main>
</body>
</html>
Professor Babbage’s Review
Correct. The src attribute is properly added and the URL is exact. Your journal entry about “backstage passes” and “digital ghosts” is colorful but unnecessary for what amounts to copying a URL into quotes.
Grade: Good
What Went Well
- Attribute syntax is correct
- URL copied exactly as specified
- Proper quotation marks used
Room for Improvement
- None.