An Html Journey Begins

Welcome to Webpagesofease. This is an HTML primer for everyone. It contains an introduction to Html, Css, Forms and Tables. No previous knowledge of HTML is required.

The course requirements are minimal:
A modern computer with a current browser like Chrome or Firefox.
A High speed internet connection
Photoshop or Fireworks (image editors).
An HTML editor such as Atom, Microsoft Visual Code, or Blumenthals HTML 2016.

A short Intro to the DOM

OK just one thing before we delve into the html tags. We must take a quick look at the DOM -- The Document Object Model which consists of 2 parts. It is best described as a group of objects: the browser window, your webpage, and the elements inside (the divs (container), the paragraphs, videos, images,and audio included within your webpage. These elements and their containers are related -- like a family and its how these elements are referenced in css, html and javascript.

The first part of the Dom is about the various elements and how they are referenced. The browser window is the document root, and the main div is called the parent and the elements therein are called its children. Let's say you have an ordered list which contains 6 items. The items are the children of the ordered list and can be referred to as 1st child, 2nd child, 3rd child, 4th child and so on. Oh yess.. there are orphans and grandparents but well save that for another day.

The last part of the DOM is about elements and the area surrounding them. Once any item is placed onto your webpage remember it is surrounded by layers (think of Chinese boxes --one box inside another.) The innermost layer lies against your element (an image in this case) is the padding, the next layer is your margin and the border which is the outermost layer of your image. The inner layers or boxes vary in thickness and can be measured in pixels, ems, or percent. OK onto the HTML tags.