Summary 2

Anatomy of an HTML Document

Throughout a webpage the HTML document provides the framework and structure. It is through the HTML that we are able to structure, organize and properly manage the webpage. It is known as the root leveled tag, this being because it is the home for all the other tags that will be utilized. In a sense the HTML is the skeleton of the document. It houses the head, body, main and footer, which inside these houses the parts of the document that will bring the webpage to life and give it purpose and personality.

Block and Inline Elements

The block and inline elements provide a flow through the illustrations effects. The flow allows for the order throughout the document. Almost all HTML elements will have a display property of either the inline or the block element within its system. Black elements are elements that will stack down the page, where inline elements are such things like photos and links that will sit beside one another, until they run out of room.

The Document Object Model

The document object model, DOM, is the brower’s view of the elements on the page. When we look at a specific location defined within the DOM model with CSS we can then look at the HTML elements and make the modifications to the properties as needed. This would be when looking at the section indicated as body. From here we are presented with a section then a number of tags corresponding to the need at that time. This is configured by a family tree to allow for an easy senese of flow and organization throughout the code.