#4 HTML Hunting in the World Around You

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Task Navigation 

HTML Hunting in the World Around You


Go out and take photographs of stuff that has the same structure as the tags you've researched

 

In the last task you've put together some notes about each tag so you should know what you're looking for. In this task you're going to put those notes to good use.  You're going to go out into the world and walk around your neighborhood taking photographs of stuff that has the same structure as the tags you've researched.
 
See a bunch of people waiting in line for a bus? Sounds like an <ol> to me. What about bricks that make up a wall? Could be a <div> or a <li>. Photograph whatever you think matches the kind of structure that you're looking for.
 
There are no wrong or right answers in this task. If you can state why you think something is the way that it is, then that's good enough.
 
Ideally you should aim to get two or three photographs for each tag, but everyone will get different results from the task. The important part is that you activate your mind to look for 'html like' structures in the world.
 
Go forth and hunt for about thirty minutes - remember to take care and be safe. 

Task Discussion


  • Vamp said:

    I really think this task should been called HTML Matrix style ;)

    Anyway here are my images (all from my room):

    http://vampphp.wordpress.com/2012/02/05/world-of-html/

    on Feb. 5, 2012, 2:22 p.m.

  • jamesweaver said:

    I had a lot of fun with this challenge. It was interesting viewing the world around me in code. Check out my blog post at Columbus Ohio Web Designer

    on Jan. 29, 2012, 5:20 p.m.

  • Kronosaurus said:

    Here is my blog post. http://wordsaurus.wordpress.com/2012/01/27/html-in-the-neighborhood/ I found three websites, took screen shots and then copied and pasted a portion of the code and tried to identify it. I think I messed up in my pasting. There are two separate codes at the top and then their corresponding screenshots below. In most cases I found <a> tags, <li> tages, <div> tages. Nothing spectacular.

    on Jan. 27, 2012, 3:13 p.m.

  • Linda Snyder said:

    http://lindajsnyder.wordpress.com/2012/01/03/p2pu-4/

    on Jan. 3, 2012, 3:59 p.m.

  • teejay17 said:

    Seeing that my "neighbourhood" at this moment is the Internet, I went and captured photos that best illustrate each HTML element.

    <div> = Document Division


    • <blockquote> = Block Quotation

    • <p> = Paragraph

    • <ol> = Ordered List
      <ul> = Unordered List

    • <li> = List Item

    • <nav> = Navigation

    • <menu> = List of Commands
    • <span> = Text Span

    • <time> = Date or Time
    • <q> = Quotation

    • <img> = Image
      • See all of the above
    on Dec. 21, 2011, 9:56 a.m.

  • LJ Main said:

    http://ljmainp2pu.blogspot.com/2011/10/p2pu-challenge-4.html

    on Oct. 29, 2011, 11:36 p.m.