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

Hello World


Write a basic HTML document

This task is going to introduce you to writing a basic html document. But you'll do it on paper, using a pen, for fifteen minutes. Think of this challenge as the Webmaking 101 equivalent of wax on, wax off (from the original Karate Kid film).

You're going to keep doing this until (hopefully) you can do it without making any mistakes and (ideally) by memory. It's important to be able to do this because this basic html document will form the basis for (almost) every html document you write in the future.
 
Below is the code that you're going to write out by hand. Be sure to copy it verbatim. Every quote, space, capitalisation and indentation is important. When you start writing more complex HTML & CSS you'll see why ;)You can be creative with your Hello World and include your name and a personal message.
 
<!DOCTYPE html>
        <meta charset="utf-8">
        <title> Hello World by Susie Creamcheese</title>
    </head>
 <body>

        <h1> Hello World by Susie Creamcheese</h1>
            This code is written by hand. How awesome am I?
        </p>
    </body>
</html>
 
If you make a small mistake that's ok, but if you make a big mistake then start again. If you manage to get to the end without making a mistake in under fifteen minutes, then start again, but this time doing it from memory.
 
At the end of the fifteen minutes you should have got through a few pages or sheets of paper and have something that resembles the above code.

Task Discussion


  • Rajesh.M said:

    Here is my handwritten code!!! and this is my Blog Post : http://frameyourideas.wordpress.com/2012/09/20/p2pu-2-handwritten-html-code/

    on Sept. 20, 2012, 4:38 a.m.
  • GeorgeKarametas said:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title> Hello World by Geo Doo</title>
        </head>
     <body>

            <h1> Hello World</h1>
            <p>
                This code is written by hand. How awesome am I?
            </p>
        </body>
    </html>

    on Sept. 16, 2012, 6:26 a.m.
  • Duaa said:

    on Sept. 10, 2012, 8:49 a.m.
  • Grim said:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title> Hello World by Susie Creamcheese</title>
        </head>
     <body>

            <h1> Hello World by Joel</h1>
            <p>
                This code is written by hand. How awesome am I?
            </p>
        </body>
    </html>
    on Sept. 7, 2012, 9:13 p.m.
  • Anonym said:

    on Sept. 6, 2012, 1:02 a.m.
  • fbmartins said:

    http://fbmartins.posterous.com/hello-world

    on Sept. 3, 2012, 7:16 p.m.
  • webcore said:

    http://webcoree.blogspot.com/2012/08/write-html-code.htmlhttp://webcoree.blogspot.com/2012/08/write-html-code.html see!

    on Aug. 27, 2012, 5:48 a.m.
  • Finn said:

    on Aug. 24, 2012, 7:33 p.m.
  • fransiskusyosef said:

    HTML pertamaku dapat ditemukan disini: http://83r35.blogspot.com/2012/08/html-pertamaku.html

    on Aug. 23, 2012, 10:59 p.m.
  • Kat said:

    Please excuse the horrible handwriting...Kat

    on Aug. 23, 2012, 10:33 p.m.
  • Jim said:

    Please excuse the hand writing.  I try to avoid it as much as possible.  You can find my code here.

    on Aug. 23, 2012, 3:51 p.m.
  • senior caliente said:

    ok so i messed up and forgot a ">" but it got done!

    on Aug. 22, 2012, 12:15 a.m.
  • JDubbs said:

    You can find my pic here: http://instagram.com/p/OE1yK_nrSj/

    P2PU.org #2 Writing HTML by Hand - Hello World

    on Aug. 8, 2012, 1:45 p.m.
  • Jesellers said:

    Forgot the "meta"...

     

    on July 24, 2012, 5:02 p.m.
  • Paul said:

    Here is my effort

    on July 24, 2012, 12:56 a.m.

    Jim said:

    It seems many of us are not fans of our hand writing.

    on Aug. 23, 2012, 3:52 p.m. in reply to Paul
  • Steve Factor said:

    Done!

    on July 20, 2012, 4:31 p.m.
  • goohman said:

    Done :D

    Here's my blog post

    on July 8, 2012, 7:58 p.m.

    goohman said:

    My handwriting is terrible but w/e

    on July 8, 2012, 7:59 p.m. in reply to goohman
  • Anonym said:

    on June 24, 2012, 6:44 p.m.

    Ali Mihandoost said:

    kh kh kh kh 

    on June 24, 2012, 6:52 p.m. in reply to Anonym

    Anonym said:

    yani man vaghean bavaram nemishe

    khol shodam raf ha :D

    kh kh kh kh

    :tr

    on June 24, 2012, 6:56 p.m. in reply to Ali Mihandoost
  • radial77 said:

    Updated my blog here with my attempt.  Screenshot:

    on June 2, 2012, 1:24 p.m.
  • Buzzy said:

    I'm don't know that there's a lot of value in making people hand write it. Repetition is good, though.

    on May 15, 2012, 5:42 p.m.