Okay, here’s my blog post about “my 15”, written from a personal, practical experience perspective, using simple HTML tags:
So, I wanted to mess around with, you know, creating something simple. I had this idea to make… well, I called it “my 15”. Basically, I wanted a list, and that list should be numbered * easy peasy, right?
First, I started a new file. Just a plain, blank page. Nothing fancy.
Then, I thought, “Okay, I need a list.” I remember there had such things. That’s why I chose to use the <ul> tag. Because I wanted a list items,so I put some <li> tags inside. Like this:
My Beginning Steps
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
I typed that out, and boom, I had my basic list. But I wanted more.I want it has ordered before the * I changed my code.
Making It Ordered
I suddenly remembered! Use the <ol>!I directly changed the <ul> to <ol>.It looks like this:
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
I refreshed the page, and BAM! Numbered list, just like that! I felt like a coding genius (even though it’s, like, the easiest thing ever).Then I add more items into it,I got my 15 items list finally.
Adding More Stuff
I kept adding more <li> tags, filling them with whatever random stuff I could think of.I made some of the items a bit longer, just to see how it would * it works perfect.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
<li>Item 9</li>
<li>Item 10</li>
<li>Item 11</li>
<li>Item 12</li>
<li>Item 13</li>
<li>Item 14</li>
<li>Item 15</li>
</ol>
And that’s it! That’s “my 15”. It’s nothing groundbreaking, but it was a fun little exercise. It reminded me how satisfying it is to build something, even if it’s super basic.I just write it out and share the whole process I did * can also have a try!