#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 

Some Tags for You to Meet


Research a list of basic HTML tags using the Mozilla Developer Network HTML reference

HTML gives content structure and it does this by using tags. In later challenges you'll explore the exact nature of tags in more depth but for now think of them as things that give structure.

Tags give content specific meaning such as paragraphs, headings, lists, navigation or time. In this task, using the Mozilla Developer Network HTML reference you're going to research what kind of structure the below tags would be used for.
 
Here's the list of tags that you're going to research
  • <div>
  • <blockquote>
  • <p>
  • <ol>
  • <ul>
  • <li>
  • <nav>
  • <menu>
  • <span>
  • <time>
  • <q>
  • <img>
 
Spend about fifteen minutes of time looking up the tags in the Mozilla Developer Network HTML reference and make some notes that you can take with you when you go HTML hunting in the world around you. A small sturdy pocket notebook would be a superb place to keep such notes.

Task Discussion


  • shellz39 said:

    Spent more time than I expected going through the tags. Some of them I already knew and some were new to me. Nice to have the reference.

    on Aug. 4, 2014, 1:04 p.m.

  • Lawfulvil said:

    OK spent a few minutes looking over the tags that were given. I find the info at w3schools http://www.w3schools.com/tags/default.asp to be easier to understand. In either case it's nice to have more then one reference.

    on May 21, 2014, 11:11 p.m.

  • OFORI said:

    some of these tags were not familiar but going through I have familiarise myself with most of thses tags

    on April 27, 2014, 12:23 p.m.

  • Felix said:

    The HTML is getting clearer to me after going through the literature. I have been seeing <> </> but i now know what they stand for. I sometimes see some element having open but no close tag. The literature made it clear to me that they are what we called void element.

    I can off memory give the following  open and close tags

    <div></div>

    <p></p>

    <u></u> etc

    <blockquote>

    Thanks to any person that contribute to platform

     

     

     

     

     

     

     

    ,

    on April 27, 2014, 12:02 p.m.

  • Mawudoku Engelbert Nana yao said:

    am loving these codes

    <div> <blockquote> <p><ol> <ul>

    thank you p2pu.

    on April 27, 2014, 6:21 a.m.

  • Rey said:

    Now I know what <div> is all about :)

    on March 30, 2014, 12:27 p.m.

  • Tumuli Kwasi said:

    i am gradually making progress but will be looking forward for assistance.

    <div>, <blockquote>, <p>, <ol> etc are fantastic

    on March 24, 2014, 3:11 p.m.

  • Orpheus said:

    check out http://www.w3schools.com/html/default.asp for extra tution

    on March 14, 2014, 6:28 p.m.

  • Eager2learn2 said:

    I had come across the majority of the tags in the list above but must admit that the <time> and <menu> tags were new to me.

    on Jan. 24, 2014, 1:41 p.m.

  • GENTLE JACK said:

    Hi, I've gone through the html tags and I think it difficult to keep some of them off head. But all the same I  can recall a few such <div>,<ol>,<ul> etc of them off hand.I think it a nice experience and I encourage you all to try and memorialized them.

    on Dec. 15, 2013, 3:37 a.m.

  • Manuja said:

    This is the start of the challenge so far I guess. Read and understood all, but I think as mentioned below by algotruneman, we understand more of <span>, <div> and also <nav> with CSS. I absolutely dont know what is CSS; hope to learn in the coming challenges.

    on Dec. 11, 2013, 10:33 a.m.

  • Attapit said:

    I get what most of the tags respresent. The hardest ones to understand for me are <div> and <span>. Grouping elements... ok but why and how? Looking forward to finding out in the next challenges :-)

    on Nov. 21, 2013, 8 a.m.

    algotruneman said:

    The div and span tags are really best understood in the context of CSS styling.

    <span style="font-size: 150%;"> allows you to isolate a section</span> of a sentence, paragraph, etc. and apply a set of styles to just that span.

    Similarly, div tags allow styles to modify segments of your page. Header/main/footer, for example so that they have different characteristics.

    None of the challenges in this particular P2PU cover these concepts, but it will be a good idea to plan to learn them so your sites are easier to maintain. CSS has lots of power.

    on Nov. 21, 2013, 8:27 a.m. in reply to Attapit

  • Saša said:

    Nice to met you, tags of html world.

    on Oct. 24, 2013, 4:33 p.m.

  • Rahimi said:

    Good tags and some new to me.

    on Oct. 21, 2013, 3:41 p.m.

  • Joby John KJ said:

    MDN HTML element reference is great, especially we can identify the new HRML5 tags easly. i never know there was a time tag exists (and many other tags)! good.. i learned somthing new!

    on July 23, 2013, 5:15 a.m.

  • Gary L Russell said:

    Great list of common tags.

    on July 15, 2013, 2:33 p.m.

  • Beth said:

    I knew most of these, but the HTML5 ones were new to me. I really need to find a free HTML5 course.

    I used workflowy.com to make my notes. Have you used WorkFlowy? I love it! It's a little hard to explain, you just need to go play with it, but I'll just say that it's a really simple way to take notes, make to-do lists, all kinds of stuff.

    on July 9, 2013, 1:33 p.m.

  • Nicolem said:

    This was defintley not completed within an hr, Some of the purposes of the tags  did not make much sense such as the time tag, but I am sure this will all make much more sense in the next few courses :-) 

    on June 27, 2013, 11:48 a.m.