#2 Writing HTML by Hand

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

Task Navigation 

Post to Your Blog


Write a blog post to accompany a photograph of your hand written code
From all the glorious handwritten examples of beautiful html that you've created over the last fifteen minutes select your best effort. Take a photograph (or scan) of it, making sure that the code is legible so that others can read it. Now spend about ten minutes of time writing a blog post to accompany your photograph (or scan). You should include how many attempts it took for you to get to the end of the code. If you've found it frustrating mention that, but ask yourself why - is there anything you could do to alleviate this?
 

When you're done writing your blog post and it's published, post a link to it on the challenge discussion page.

Task Discussion


  • GEnrique said:

    Here are two(2) pictures of my writings.

    http://guienguega.blogspot.com/2013/07/write-basic-html-document.html

    on July 23, 2013, 3:55 p.m.

  • Joby John KJ said:

    here I am with my challenge #2 Writing HTML by Hand, please let me have your comments!

    http://jobyjohnkj.blogspot.com/2013/07/school-of-webcraft-webmaking-101_21.html

    on July 20, 2013, 5:17 p.m.

  • vampire210 said:

    here it is , i made it by hand .

    http://thanhlt210.blogspot.com/2013/07/hello-world-p2pu.html

    on July 20, 2013, 12:23 p.m.

    Joby John KJ said:

    hi Thanh (vampire210),

    I Could not find the hand written image on above link.

    on July 20, 2013, 5:22 p.m. in reply to vampire210

    vampire210 said:

    http://thanhlt210.blogspot.com/2013/07/hello-world-p2pu.html

    you can copy this link , it is there now

    Joby John KJ

    on July 21, 2013, 9:47 a.m. in reply to Joby John KJ

  • S.Norman said:

    Ok.  I jumped the gun last night.  BUT, I get it now.  Great exercise.  Check it out.

    on July 18, 2013, 3:31 p.m.

    Joby John KJ said:

    Nice work!

    on July 20, 2013, 5:25 p.m. in reply to S.Norman

  • whippet said:

    Hand Written HTML

    I considered using coloured felt tip pens for the different types of tags and so forth but in the end I opted for plain black script. I had to write it out twice in order to ensure that I used the right indentations. That was laborious but it reminded me of my time at school. No computers in those days. I wrote everything out by hand.

    If I want to learn something I still tend to write by hand but I generally do not try and memorise everything word by word. That would bore me to tears and I would become frustrated. Instead I like to learn a certain amount and come back to it a few weeks when I am fresh.

    on July 18, 2013, 4:43 a.m.

    algotruneman said:

    The indents are for us humans. Browsers use the tags and ignore the whitespace. I think it is much easier to look back at code with helpful indents. It is rare that an html page is done just once. I find that I look back at some of them over and over so I can add to a growing page. Using the same indent style makes the tags easier to identify for me.

    Good start. Keep at it.

    on July 18, 2013, 4:52 p.m. in reply to whippet

    Joby John KJ said:

    Nice work! Yes, even for me this remined about the school days :)

    on July 20, 2013, 5:30 p.m. in reply to whippet

  • AmyAmy said:

    I have posted my HTML exercise to my blog.

    http://amyscoolpc.wordpress.com/

    It seemed simple enough.  The challenge for me was to work out how to load the photo with cool new Open Source software.  I managed it with a bit of effort and I am definitely becoming an Open Source fan.

    on July 14, 2013, 11:39 a.m.

  • kaitlin980 said:

    Hi my blog is on http://kaitlin980.wordpress.com/wp-admin/post.php?post=5&action=edit&message=6&postpost=v2 see my HTML  code!!!!

    on July 14, 2013, 11:20 a.m.

    algotruneman said:

    The link you posted is an administrative link.

    Typically, right click the title of a post AFTER you finish publishing. Copy and paste that link to this space.

    A second thing happened, too. I tried to go to the default address: http://kaitlin980.wordpress.com which notified me that the blog was private. Check to publish to all (Public).

    Keep at it.

    on July 14, 2013, 12:57 p.m. in reply to kaitlin980

  • Alvin D said:

    Here's mine. Sorry bout the unnecessarily high res pic.

    http://adineshd.wordpress.com/2013/07/12/hello-world/

    on July 12, 2013, 4:35 a.m.

    Joby John KJ said:

    nice work Alvin D!! keep it up!

    on July 20, 2013, 5:34 p.m. in reply to Alvin D

  • Beth said:

    My hand written code is posted on my blog at http://desdemina.tumblr.com/.

    on July 8, 2013, 10:18 p.m.

    Joby John KJ said:

    nice work!

    on July 20, 2013, 5:32 p.m. in reply to Beth

  • Chris said:

    This is my hand written HTML

    on July 8, 2013, 1:48 p.m.

  • brandonnorth said:

    Here we go! Handwritten html

    Enjoy!

    Brandon 

    on July 7, 2013, 4:34 p.m.

  • Anonym said:

    here you go 

    i most admit this is fun after a busy day at work...

    on July 5, 2013, 8:46 a.m.

  • Christina said:

    here is my handritten code on my site

    on June 28, 2013, 10:22 p.m.

  • Anonym said:

    Here is my handwritten code

    on June 22, 2013, 6:05 p.m.

  • Tristan Delforge said:

    Here is my link.

    on June 21, 2013, 7:28 p.m.

  • Tristan Delforge said:

    here is the link

    on June 21, 2013, 7:27 p.m.

  • Cristian Gomez said:

    Here is my code

    on June 20, 2013, 9:23 p.m.

  • MRD0981 said:

    Here is a link to my code example, only one mistake I think?!

    on June 18, 2013, 7:49 a.m.