In yesterday’s post, we discussed the four major markup and style languages (HTML, HTML5, CSS, and JavaScript) that are used in online web design. Today, we will focus on HTML and the particular methods required to translate information and annotate a document.

Define it!

Oh, come on now—don’t be daft! We have already learned that HTML is an acronym for Hyper Text Markup Language and that it was present since the new beginnings of the internet (circa 1991). HTML incorporates tags, or clear indicators as to how a document should be formatted and what content should appear.

See it!

Let’s take a look at some sample code and the resulting display that is generated:

Screen Shot 2015-09-18 at 8.57.39 PM

On the left screen, we have a series of tags:

  • <command> begins a command; </command> ends a command.
  • head refers to the document’s information.
  • title refers to the title for the document.
  • body refers to the visual content.
  • h1 refers to the first line of visible code, or a header.
  • p refers to the smaller lines of code, or a paragraph.

On the right, we have the visual mockup of our code. Note that only the following tags are visually displayed, whereas the other tags modify the formatting of the document:

  • h1 – header
  • p – paragraph

Learn it!

Apply your knowledge by checking out some of these useful links: