Today I messed around with some tech stuff, and I thought I’d share what I did. So, I got this idea to build a simple website. Nothing fancy, just a basic page to put some text and maybe a picture.
First, I fired up my computer and opened a text editor. I just used Notepad, nothing special. Then, I started typing in some HTML. You know, the basic stuff like <html>, <head>, <title>, and <body>. I gave my page a title, “Felix’s Test Page” – real original, I know.
Getting the Content In
Next, I added some content inside the <body> tags. I wrote a simple <p> tag with a “Hello, world!” message, just to get something on the screen. After that, I thought, why not add a picture? So, I grabbed a random image from my computer and put it in the same folder as my HTML file. Then, I used the <img> tag to display the image on the page. It was a picture of my cat, because, well, why not?
Making It Look Nicer
After getting the basic content on the page, I wanted to make it look a bit nicer. I mean, it was pretty plain. I remembered a bit about CSS, so I added a <style> tag inside the <head> section. I changed the background color to a light blue and centered the text. It wasn’t much, but it looked a lot better than before.
- Opened text editor
- Wrote basic HTML structure
- Added a “Hello, world!” message
- Inserted an image of my cat
- Added some CSS to make it look nicer
Finally, I saved the file as “*” and opened it in my browser. And there it was, my very own webpage. It wasn’t going to win any design awards, but it was something I made from scratch, and that felt pretty cool. I spent the rest of the afternoon tweaking things here and there, trying out different colors and fonts. It was a fun little project, and I learned a bit more about HTML and CSS along the way.
