In week 9, Nik taught us how to create a Hyper Text Mark-up Language (HTML) based webpage, which is one of the very most important and useful tools of UI design.

Although, I knew a little bit about HTML tool theoretically, however since I never got my hands dirty, I had forgotten that. This HTML class was not very hard and complicated, but so fast. I enjoyed it a lot so that after class I tried to use “inspecting element” mode in Google Chrome browser to discover new methods and new elements/features of HTML.

At first, I did not have any idea about the reason why we use <head> section for our HTML page, it did not make any sense to me! Eventually, in one of Nik’s slides I saw the below definition which completely convinced me:

Why 2 sections? Same as with humans really…

  • The head section is invisible
  • The body is what people actually see

or in English:

  • The head section is for the machines
  • The body section is for our peep

Screen Shot 2015-10-05 at 02.15.51

Screen Shot 2015-10-05 at 02.13.52

Another important thing, I learnt, was to be cautious  when using the webpage’s email address:

<a href=“mailto:email@address.com”>Email Dan</a>

In this case, as a protection against bulk/spam emails, we need to use JavaScript to mask the email address.

It was wonderful. I look forward to learning CSS. 😀

Advertisements