Concise description of lake photo for screen readers or if image fails to load.

This is an image caption! Huh? It's just a <p> tag! Ah, but we have added the class "caption"! "Classes" allow us to set special styles for certain elements.

Ahhh, back to a regular paragraph. All of that italicized text was making me a bit hoarse.

Alt text

Wow, that image is smaller and aligned to the right. This text is flowing around it!

Oh, I see... we added two classes to it... small and right! Marina must have set special styles in the CSS file for images with the small and right classes. Goodness gracious, what will she think of next?

You might be confused if you're viewing this on a phone. When the screen gets really small, then the small class images just revert to taking up the whole width (responsive design). Otherwise they'd just be too ridiculously small! But I bet if you rotate your phone to wide view, you'll be able to see the effects of the small and right classes on images...

Alt text

Hmmm... there's something strange about this image...

Yikes! It's a link!! I guess you can put an <img> tag inside an <a> tag to create an image link!

If you've been following along inside the HTML editor, you might be wondering, what are all those weird codes with stuff in-between & and ;? Those are called escape characters. < means "less than" symbol and > means "greater than" symbol. Those symbols are used in HTML tags. But if I try to write actual HTML tags to talk to you about them, then the computer will get confused. So somtimes we need to speak, quite literally, in code, to get around this. Maybe you are like... a math blogger so I thought I'd just let you know ahead of time. If you get unexpected results, check back over your writing. You might have typed something that to a human is normal but to a computer is confusing!

Alt text Alt text Alt text

Well, that's all for now. Keep this file around and use it for reference if you'd like. Happy blogging!

~Marina