#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 

Blog Your Photographs


Showcase your photographs in a creative way

You should spend at least fifteen minutes putting a blog post together that showcases your photographs. For each of the photographs write a sentence or two about how and why the photograph you've taken relates to the tag. Be creative with your post and add sketches, sound or even a storyline to your photographs to support your ideas. 

When your post is published and you've posted a link to it on the challenge discussion board, spend the rest of the hour checking out the work of your peers. Do you agree with their interpretation of the tags? Make sure to leave your comments on the challenge discussion board.

Task Discussion


  • Kronosaurus said:

    This is a link to my work: http://wordsaurus.wordpress.com/2012/01/30/more-html-in-the-neighborhood/
    on Jan. 30, 2012, 2:10 p.m.

  • Kronosaurus said:

    You can find my work here. Seemed like busy work. I am anxious to start writing some html. I wasn't sure on how to write html for a bookshelf full of books. I could represent them just as titles in an <ul> tag, but then, they are coloroful and maybe need <img> tags. They are also displayed horizontally whereas <ul> tags do lists vertically. I suppose I will learn this later.

    on Jan. 30, 2012, 2:07 p.m.

    Vamp said:

    Nice work. You could use some photo editing tool to represent it better, but it is understandable as it is!

    You can display list items (and other elements in html) horizontally with css inline tag. It would be something like this:

    <html>
    <head>
        <style type="text/css">
            .inline{
                display: inline;
            }
        </style>
    </head>
    <body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li class="inline">4</li>
        <li class="inline">5</li>
        <li class="inline">6</li>
        <li class="inline">7</li>
    </ul>
    </body>
    </html>

     

    In this example you would have numbers 1 and 2 vertically, but then 4, 5, 6, and 7 in one line.
    Hope this helps :)

    on Feb. 5, 2012, 2:32 p.m. in reply to Kronosaurus

  • jamiedmattingly said:

    ok here is what im submitting

    http://wp.me/p2aqal-L

    on Jan. 30, 2012, 2:01 p.m.

  • jamiedmattingly said:

    This is a link to my work: http://wp.me/p2aqal-L
    on Jan. 30, 2012, 2 p.m.

  • jamiedmattingly said:

    This is a link to my work: http://wp.me/p2aqal-L
    on Jan. 30, 2012, 2 p.m.

  • Malmater said:

    Come one, come all! See me get all lovey dovey with a tree! http://malmater.com/2012/01/webcraft-101-task4/ I managed to represent in images the functions of HTML5 code. I'm totally open to any constructive criticism you might have. Help me understand these elements better. Thank you for visiting my blog.

    on Jan. 30, 2012, 3:06 a.m.

  • jamesweaver said:

    This is a link to my work: http://columbus-ohio-web-designer.com/blog/2012/01/29/html-hunting-in-the-world-around-me/
    on Jan. 29, 2012, 5:35 p.m.

  • Ken Doman said:

    Okay, so I took a lot of time to find these elements. Turns out I didn't have to go very far.

    http://raykendo.com/blog/html-hunting/

    on Jan. 28, 2012, 12:33 a.m.

  • Ken Doman said:

    This is a link to my work: http://raykendo.com/blog/html-hunting/
    on Jan. 28, 2012, 12:31 a.m.

  • Leah said:

    My latest post

    on Jan. 17, 2012, 9:37 p.m.

    Vita said:

    Really nice blog post and the pictures are very well explained. My favorite is the speedometer.

    Again, very well done... Compliments!

    on Jan. 19, 2012, 5:54 a.m. in reply to Leah

  • Smythe said:

    This task took me the longest.  Hopefully that means I understand the tags, because I'm not overly confident of my interpretation.

    I'd love a second opinion! Take a look at my post, and leave me some comments please!

    on Jan. 17, 2012, 6:06 a.m.

    Chloe said:

    I really like your post! My favorite one is this one :) http://holidayprojects.wordpress.com/2012/01/17/html-hunting-in-the-world-around-you/#wpcom-carousel-44

    on Jan. 22, 2012, 1:50 p.m. in reply to Smythe

  • Pavlos Chris said:

    That was pretty strange....

    That is what I came up with...

    on Jan. 14, 2012, 12:22 p.m.

  • Enyert Viñas said:

    My HTML pics!! http://enyert.wordpress.com/2012/01/12/my-html-pics/ Sorry but its 11:30 pm at my country so i cant walk and take photos in my country at this time because delinquency in Venezuela. I just chose some pictures from my hobbie (table tennis)! 

    on Jan. 11, 2012, 11:02 p.m.

  • Vladimir Támara Patiño said:

    Here is mine:

    http://dhobsd.pasosdejesus.org/Webmaking_101_world.html

    on Jan. 6, 2012, 7:44 p.m.

  • Linda Snyder said:

    Hmm, guess I didn't really understand this lesson.  I posted pics in my previous comment, so I won't do it here. 

    on Jan. 3, 2012, 4:06 p.m.

  • Vita said:

    Here's my blog post with pictures... 

    http://vita4.blogspot.com/2012/01/4-html-hunting-in-world-around-you-mark.html

    Leave a comment...!!! angle

    on Jan. 2, 2012, 5:54 a.m.

  • bryzer112 said:

    Here's a few of my photos that applied to html for me.

    http://theroadtobuildingapps.blogspot.com/2011/12/html-in-real-world.html

    on Dec. 21, 2011, 3:58 p.m.

  • teejay17 said:

    Instead of blogging about the photos, I posted them all in the comments section of the preceding exercise, if anyone is interested in seeking them out. I don't feel like putting random photos in a blog post.

    on Dec. 21, 2011, 9:59 a.m.

  • Joan said:

    Ok, so Wordpress interprets tags like <ol> so they don't display. I changed them to &lt;'s and &gt;'s but sometimes, Wordpress still interprets those to the < and > that they are which in turn interprets them to the tags which won't display.

    So, if they don't display, these are what the captions are supposed to be:

    • <ol> featuring some of my fiction books.
    • <time>, obviously.
    • <div> of one of my father’s medicines.
    • <ul> of the different beverages in one rack of our fridge.
    • <nav> from the front page of a school paper.

    Oh, by the way, the blog's here: HTML Hunting, http://electrichail.wordpress.com/2011/12/06/html-hunting/.

    Check it out.

    Thanks, thanks, and thanks.

    on Dec. 6, 2011, 1:06 a.m.