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


  • SlovenlyGhost said:

    on May 3, 2013, 4:28 p.m.
  • crum4519 said:

    All written down, nice and neat.  My handwritten html text.

    Well ok, there it is!

    on April 30, 2013, 11:01 p.m.
  • sidzonline85 said:

    on April 30, 2013, 4:08 a.m.

    Alex Dodd said:

    I get a 404 error when I try to view your homework, can you try again?

    on May 12, 2013, 10:51 a.m. in reply to sidzonline85
  • Brodavi said:

    on April 23, 2013, 11:28 p.m.
  • Anonym said:

    on April 23, 2013, 7:46 a.m.
  • ReyDothard said:

    on April 15, 2013, 9:35 p.m.
  • Brenna said:

    on April 15, 2013, 12:05 p.m.
  • iWishez said:

    on April 11, 2013, 9:37 a.m.
  • iWishez said:

    on April 11, 2013, 9:36 a.m.
  • Agamos said:

    Wax on, wax off HTML

    Hand writen basic HTML

    You repeat this till you begin to use your repository as stencil or the "power" of frameworks. But until then... wax on, wax off, wax on wax off,

    on April 10, 2013, 1:16 p.m.
  • Vicky said:

    on April 2, 2013, 1:44 p.m.
  • Whitmire said:

    Wow!  It's been a while since I've done any html, and it's CERTAINLY been longer since I've done it with pen and paper.  Great reminder of the start-stop mindset.

     

    on March 27, 2013, 1:16 p.m.
  • Cricket311 said:

    I'm so used to typing everything that when I hand wrote this, my hand actually started to feel sore! How sad is that???

    on March 20, 2013, 2:51 p.m.
  • Steve413 said:

    I feel very analog

    on March 19, 2013, 1:43 p.m.
  • Amo said:

    Here it is, :) cool

    on March 19, 2013, 9:40 a.m.
  • Aggie said:

    What does the <meta charset="uft8"> thing do !?

    on March 17, 2013, 1:21 p.m.
  • Loong said:

    When I type, I always pair up the tags. When I write, it's harder to allocate enough space and we cannot add new lines. :)

     

    on March 16, 2013, 12:46 a.m.
  • Rodolfo De Nadai said:

    Alright, nice and easy... hand write a html text sure makes my hand tired... typing is so much better and faster!!!!

    http://dicotomiadotrabalho.blogspot.com.br/2013/03/openbadges-by-mozilla.html

    on March 15, 2013, 2:38 p.m.
  • v4lent1na said:

    All right, I'm done! smiley

    on March 12, 2013, 10:58 a.m.