#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


  • Usama Ibraheem said:

    Here is my post, I wish you like it and I am waiting for your feedback, never got any feedback yet!

    :-) same blong on: Blogger, WordPress, Posterous, and Tumblr.

    Thanks for reading :-)

    on Sept. 3, 2012, 6:42 p.m.

    Philipp said:

    Hey Usama - I like your example. Not only showed it good use of HTML annotation, but I also learned something about ancient architecture. 

    on Oct. 5, 2012, 2:52 p.m. in reply to Usama Ibraheem

  • Kat said:

    This was interesting...sorry about the image quality.  http://katscapes.com/post/30087098813/p2pu-html-in-real-life

    on Aug. 24, 2012, 1:26 a.m.

    Jeremy Auger said:

    Thank you for your email. I am out of the office until Monday, August 27th. I will be checking my email periodically and response at the soonest opportunity, but will likely be slower than normal response times. For urgent matters, please contact Christine Graff at Christine.Graff@desire2learn.com Thank you! Jeremy Auger CTO/EVP Desire2Learn Incorporated
    on Aug. 24, 2012, 1:26 a.m. in reply to Kat

  • firewire2879 said:

    wow this was exciting and I learned that html tag structures and can be found almost everywhere!  Its limitless!

    I picked stuff around my house. Here's my work:

    http://webdynamosolutions.com/p2pu/p2pu-challenge-4-html-hunting-in-the-world-around-you-slideshow/

    on July 29, 2012, 4:01 p.m.

    Natalie Beneventi said:

    Wow! Love it! Especially the Pink Floyd. :)

    on Oct. 23, 2012, 11:42 p.m. in reply to firewire2879

  • Steve Factor said:

    Here we go!

    Starbucks just makes it too convenient!

     

    http://prjctdlta.tumblr.com/

    on July 27, 2012, 1:02 p.m.

    G Powell said:

    Hi Steve Factor,

    Good idea with Starbucks my coding friend.

    However, I think we are meant to have notes to go with the images to prove one understands the concept.  I think the idea is great but I couldn't find the notes to with it?

    I may be looking at the wrong link but if you send me it, or one with the notes, I will gladly mark it.

    Thanks

    on July 29, 2012, 3:08 p.m. in reply to Steve Factor

  • Jesellers said:

    http://crookedletter.org/?p=403

     

    I did it! That was actually pretty fun. I'm looking forward to creating an activity like this for my students.

    on July 25, 2012, 6:45 p.m.

  • G Powell said:

    Hi Guys,

    Here is my piece:  http://wp.me/1YxHF

    Thanks

    on July 2, 2012, 3:07 p.m.

    Philipp said:

    Hey - The link seems to go to your blog homepage, rather than the "marking up HTML" post. I scrolled down and found the image, but the markup didn't seem to be included. 

    on July 14, 2012, 11:50 a.m. in reply to G Powell

    G Powell said:

    Thanks Philipp,

    Here is the direct link to that post:  http://gjpconsulting.wordpress.com/2012/07/02/html-hunting-in-the-world-around-you/

    Perhaps I did not complete it right but what I have written was my understanding of using HTML markup in different images / scenarios etc.

    Maybe I have written it wrong but I assumed it was right?

    Thanks

    on July 15, 2012, 6:39 a.m. in reply to Philipp

    Kat said:

    Great example!

    on Aug. 24, 2012, 12:02 a.m. in reply to G Powell

    Jeremy Auger said:

    Thank you for your email. I am out of the office until Monday, August 27th. I will be checking my email periodically and response at the soonest opportunity, but will likely be slower than normal response times. For urgent matters, please contact Christine Graff at Christine.Graff@desire2learn.com Thank you! Jeremy Auger CTO/EVP Desire2Learn Incorporated
    on Aug. 24, 2012, 12:03 a.m. in reply to Kat

  • Anonym said:

    As crappy as mine looks, i incorporated alot more tags then it seems. Look carefuly at the collage to get it.

    mikeswebmaking101.blogspot.com

    on June 27, 2012, 11:03 p.m.

  • dilys said:

    My first impression: in short - this is stupid

    long form - 

    http://codesum.blogspot.com/2012/05/p2pu-challenge-html-4-html-tags.html

     

    But after I have seen what people did and how creative they are. I want to take a stab at this challenge too!

     

    Be back with details :-) Excited. 

    on May 1, 2012, 6:58 a.m.

    dilys said:

    i had more troubles with this assignment than learning a whole week of HTML I am super impressed with what people came up with and realized that through this assignment I am also more consciously aware of HTML and have a stronger inner connection. Lolol wtf... but yeah seemingly "stupid" but awesome assignment

    on May 3, 2012, 4:11 p.m. in reply to dilys

    G Powell said:

    Well said dilys!  I totally agree!

    At first, I thought, "Really?!"  But like you said, when you actively seek the photographs relevant for each tag, I too found it gave me a greater understanding of the tags involved.

    A great lesson this.

    Thanks,

    G Powell

    on July 1, 2012, 11:55 a.m. in reply to dilys

  • Anonym said:

    on April 24, 2012, 5:14 p.m.

  • Olexiy said:

    I found only seven html elements. Hope that will be enough. Here are my pictures.

    on April 19, 2012, 3:39 p.m.

    G Powell said:

    Hi Olexiy,

    Wow!  Yours is excellent my friend!  I really get it and think you deserve a badge for your efforts.

    Thanks,

    G Powell

    on July 2, 2012, 3:02 p.m. in reply to Olexiy

    Kat said:

    Excellent use of tags!  These really inspired me.

    Great job!

    K

    on Aug. 24, 2012, 12:05 a.m. in reply to Olexiy

    Jeremy Auger said:

    Thank you for your email. I am out of the office until Monday, August 27th. I will be checking my email periodically and response at the soonest opportunity, but will likely be slower than normal response times. For urgent matters, please contact Christine Graff at Christine.Graff@desire2learn.com Thank you! Jeremy Auger CTO/EVP Desire2Learn Incorporated
    on Aug. 24, 2012, 12:06 a.m. in reply to Kat

  • TerraMeijar said:


    To be honest, i cheated on this one, i marked it as completed
    when i actually haven't done anything. I do not have access to a camera anymore and i wasn't sure if pulling images from the Internet was a good idea. I'll put up the images as soon as i manage to get a camera. Catch you in the next task.

    This is my blog

    on April 19, 2012, 4 a.m.

  • dp17 said:

    added part 1 of my photo challenge here, will add part 2 when i've got time.

    http://www.piggbydesign.co.uk/news/school-of-webcraft/html-in-real-world/

    would appreciate feedback

    x

    on April 17, 2012, 9:02 a.m.

  • massod said:

    Here is what I've got in my hunt : http://massod-green.blogspot.com/2012/04/tag-analogy.html

    on April 17, 2012, 5:45 a.m.

  • eshu9e said:

    here it is go

    http://eshunrd.blogspot.in/p/about-blog.html

    on April 13, 2012, 3:29 a.m.

  • MissAjayG said:

    Okay, it's not at all impressive or complete but here it is.

    on April 12, 2012, 3:18 p.m.

  • KickKan said:

    OK at last got #4 done - may not be completed yet but still I think I'm there..

    Here's the link - hope you like it:

    http://kickkan.posterous.com/pages/html-hunting-in-my-world

    on April 10, 2012, 1:45 p.m.

    Christopher Crawford said:

    Great pics, but look at how other people who have gotten good reviews (click here and go to previously awarded)  incorporated tags into their pics. After you include the tags in the photos, send me a message and I will be glad to offer a peer review for your HTML badge. 

    on April 25, 2012, 1 p.m. in reply to KickKan

  • Zach said:

    I shall have to pospone this section for the time being. My camera equipment have bee ursurped by my son and he's elesewhere for the next few months.

    To be continued...

    on March 26, 2012, 8:10 p.m.

  • Mandred said:

    Hi my pics for you:

    http://mandred.tumblr.com/

    on Feb. 23, 2012, 7:36 a.m.

  • Christopher Crawford said:

    Here are my pics and check out my submission for the basic html badge, thanks 

    on Feb. 22, 2012, 7:10 p.m.

    Anonym said:

    nice post..  good way to explain tags with images.

    on Feb. 29, 2012, 11:04 a.m. in reply to Christopher Crawford

    Karen said:

    By far my favorite, I think this example works best with my thought patterns.

    on Oct. 8, 2012, 10:04 p.m. in reply to Anonym

  • Dave Joe said:

    Fun assignment finding ways to encapsulate your world with HTML elements. Enjoy my work!

    http://davidjoseph.posterous.com/p2pu-world-around-you

    on Feb. 7, 2012, 1:34 p.m.