Mark Up Your World with HTML
The task is about seeing the HTML code in the real world, real things or objects around us. This time I've been a bit lazy not going outside to take the pictures myself and I actually feel a bit guilty about it, however, I have finished the task browsing around the internet. The actual ideas are mine, all I did was to find the pictures without going and looking outside.
Well anyway, here is my point of view or how I see the world in code... :)
So let's get started...
Well anyway, here is my point of view or how I see the world in code... :)
So let's get started...
<body>Well this is easy, every time we start to write the code, we start with the
<head>, but the real stuff is in the <body> right...??!! I mean, that's where all the elements go... Like all the things in the world, it's the elements (including us) that makes the world as it is now... ;)
<div>I don't know about others but I have a "thing"... Every time I start to make something out of the
<body> tag, first thing I do is type in the <div>. Mainly for the easier management of my following elements, so... basically I am building a cozy home for the rest of my little tags...
<img>
<p>The
<img> tag is quite obvious, image is always an image. The <p> tag I was thinking about, coz paragraph is quite general tag in my opinion, so that's what my imagination told me to do - every drawer is a paragraph.
<ol>
<li>Gear box... In my opinion it can be an example for the
<ol> because the gears (<li>) always are in order. There cannot be a gear box having 4th gear right after the 1st. There has to be an order.
<ul>
<li>The stairs instead, is an example of
<ul>, because the steps (<li>) of the stairs are pretty much the same and that means that there is no need to have some particular order for them.
<nav>
<a>When I had the idea about the sink I had doubts that some would not agree with me, and still I am making this example. The
<nav> tag is all about navigation, all it needs is at least one a tag to link things to some destination. I think that the hot and cold water taps can be very well <a> tags, linking to the hot and cold water.
<menu>I haven't used the
<menu> before so I am not quite sure if I got it right, anyway in my opinion the tags inside <menu> have to make some action, like the buttons of TV remote, every button has it's own action.
<time>I think that the
<time> can be many different things than just clock and calendar, so I came up with an idea about the expiry date on my yoghurt, still defines a period of time, no..??!! :)
3 comments:
This is a fantastic way to address the learning challenge. I especially like the staircase.
Awesome post. I love your examples. I may have to steal the gearshift one for my post.
Nice, great imagination !
Post a Comment