So, I’ve been going through the
P2PU site, trying out lessons and challenges. So far, they’ve been fun. I’ve been working on this one challenge at P2PU, walking around and taking pictures of things that remind me of HTML elements. They gave us a scavenger hunt list of elements, and like the overachiever I am, I went out and collected all of them. So, here’s some photos of HTML elements I could find in the real world.
The bag for my kid's legos made me think of a div element, because it's a moveable container for similarly formatted elements
<blockquote> and <p>
The paragraph is above the No Smoking sign, and the blockquote is below it, because it is quoting some regulation of some sort.
<ol>, <ul>, and <li>
My kid's stackable ring toy is a good example of an ordered list (ol) because they are in order of size. Each ring counts as a list item (li)
The same rings from the ordered list, taken out adn scattered, make a good unordered list (ul). Note each ring counts as a list item (li)
I believe the buttons on an elevator make a great nav element, because it's a section of the building that provides links to other parts of the building, much like a nav element.
Nothing describes a menu element better than a menu. They're both an unsorted list of menu items or commands.
On the first paragraph under the important notice, you'll see a couple words underlined. This could be considered a span, because it's an inline text element with unique formatting.
I thought that the calendar and the watch represented a real time element, because the time element keeps up with both date and time.
Here's a q element hiding as a quote on my refrigerator door. Q elements tend to be shorter than blockquote. Also, they didn't ask for it, but the q has a cite element after it. 😉
I leave you with an img element I found by the elevator. It even comes with it's own caption below.