Seven Stages of Trauma Bonding

When thinking about narcissism one might think it would be a person who spends excessive time in the mirror completely self-absorbed in the mirror, or maybe a reality tv show celebrity or social media influencer obsessed with gossiping and materialistic things. Nothing wrong with that, as long as they don't hurt or bother me, that's their choice right? Well narcissistic personality disorder (NPD) and it's meaning goes much deeper than that.

Here's how you use BOLD text.

And here's how you use italic text.

The <a> tag is for links!

You can make an <ol> like this!

  1. <ol> stands for "Ordered List"
  2. That means that the list is numbered!

Or how about a <ul>, know what that stands for?

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 sometimes 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!

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

~Marina

Comments