Okay, so today I wanted to do something special for my mom. I was thinking, “What’s something simple but meaningful I can make?” And then it hit me: a little webpage saying “Jordan loves Mom!” It’s corny, I know, but moms love that stuff, right?
First, I opened up my trusty text editor. Nothing fancy, just a plain old text file. I started with the basic HTML structure. You know, the usual <html>, <head>, and <body> tags. I always forget the exact order, but I got there eventually.
Inside the <head>, I added a <title> tag. I put “A Message for Mom” in there. Simple enough.
Now for the good stuff. Inside the <body>, I created a <div> to hold my message. This is where the magic happens! I typed out “Jordan loves Mom!” inside that <div>.
Making it Pretty (A Little)
It looked kinda plain, just black text on a white background. So, I decided to add some basic styling. I went back to the <head> and added a <style> tag.
Inside the <style>, I targeted the <div> and gave it a nice, bright background color. I picked a light pink, because, why not? Then I changed the text color to something that would stand out, like a dark purple. And I made the font size bigger, so it was really easy to read.
And you know what? The final step is that I just saved that file locally and it is done!
It’s not going to win any design awards, that displays on my own computer. But it’s the thought that counts, right? A simple, homemade way to show some love. Moms dig that.
