For this task I’ve walked around our local graveyard to find things that I could apply my newly learned HTML tags to. In essence, I’ve gathered the material to structure a mock up website about this graveyard.
Here’s the first one. I’ve used the “image” tag <img> to show that I would like the pretty white angel to appear on my page.
Here we have the “time” tag <time>, which is new to HTML5, I believe. This tag indicates a time or date. I’ve chosen April 28, 1951 to appear on my page, because I like April. Who doesn’t?
This one represents what is known as an “unordered list” or <ul>. In this photo, the 3 separate graves are like items in a list, like a grocery list. The <li>’s you see around the graves define the actual items. On a webpage, I’d want them to appear like this:
Never mind the 4th grave to the right, he was a bugger anyway. j/k ghosts!!
Doesn’t this look similar to the last example. Yes, it’s another list. But this one has bullets. HTML calls it an “ordered list” or <ol>. In an ordered list, numbers or bullets can be used. Or little triangles or stars and stuff, whatever you like.
Lastly, we have what is known as a division, or <div>. A division will indicate a change in the paragraph’s text. On this gravestone, Mary’s section might be represented in a different style on a webpage. It might be green or red in color, while Hermans might be blue.