The section tag is used to define a section within a web page. Consider a situation where you had a book stored on a single page. You could use section tags to group chapters, or even sub-sections together. The section is designed to be a logical grouping of data, but not necessarily be wholly self-contained…
We’ve already seen the header tag for use as part of the header of a web page. However, a web page may have more than one header tag. Header tags may also be associated with an article, to provide header information about the article. For the head of a page, it is common to see…
The article tag should have independent, self-contained content. This means it should stand on its own, without the need for information from any other section of the web page. However, it can be related to articles. The difference between it, and the main tag, is that you can have multiple article tags on a web…
The main tag is used to define the main content section of the web page. The content within the web document should be unique between the pages, and not contain replicated data such as navigation links, headers, footers, sidebar data etc. Within the main tag, you can find articles, standard content which you’ve already seen,…
As you start to build more complex websites, it is important to organize the data structure efficiently and effectively. HTML 5 added several organizational tags to help provide context to the contained data. In the previous version of HTML, we’d usually use a div tag, with a user created class. However, the issue with that…
The next thing one should know about when working with the size of an element is margins, padding, and width. Margins Margins are simply the space between two elements. We can specify the margin to be the same all the way around an element, the same on the left and right and a different value…
In order to bring in the space between the edge of one element (the browser for example) and another, we have to understand sizing. All sizing is done through a series of unit measurements. Depending upon what you are creating will depend upon what unit you are wanting to choose. Some units are based upon…
There are two basic places you can define styles. There are legitimate reasons for both of them, and they should be used accordingly. In both cases, styles defined first may be overwritten with subsequent style definitions. It will only overwrite a value given to a property, not the whole style. So if you have a…
