Tag Archives: webcraft

Challenge #2: Writing HTML by Hand

28 Aug

HTML by hand

Per the second challenge in the P2PU School of Webcraft Webmaking 101 course, I spent about 15 minutes today copying some basic HTML by rote. I haven’t used repetitive writing as a mnemonic in a long time, and I was surprised at how effective it was. I’ve also been thinking about the efficacy of writing (although not necessarily writing any more) thanks to this blog post titled “How to Stop Reading and Start *Doing*” over at Barking Up The Wrong Tree. Spoiler alert: the answer is write more.

Astute observers may notice I went a little above and beyond in my HTML by Hand assignment. I printed the text to copy on my way out the door last night, so that I could do my writing without the temptation of the internet. I failed to notice that what was printed wasn’t exactly what was on the screen. Apparently Chrome (or perhaps the P2PU website?) takes the liberty of adding the destination of a hyperlinked piece of anchor text in parenthesis after the anchor text.* I can totally see this being a feature rather than a bug in most cases, since you lose a lot of information when you print a document that includes a lot of hyperlinks. On the other hand, I ended up copying out the addresses of link the lesson includes to give learners more information about certain web elements.

Having done a little HTML work before, this seemed fishy to me, since the links weren’t surrounded by the usual

<a hef> </a>

but I thought there might be some pedagogical end to justify the means, and so diligently copied all the very similar URLs over and over. I suppose the exercise and later realization did make me think about the loss of information that happens when moving from the web to hard copy. I think In my perfect world, hyperlinks would be added as footnotes or endnotes when a webpage was printed, but including them as parentheticals works pretty well too.

One last thought: i really enjoy the way indentation works to make code legible, and I wish I’d taken the time to use different colors for each tag.

*I’m still new to this terminology, please feel free to offer corrections or clarifying edits.