HTML Building Blocks

HTML Building Blocks Series

Learn about the building block series. Set up the building blocks base project.

We cover creating your page with a head and body element.

We cover the DOCTYPE instruction and the element title.

Learn the meta element. Setting Author, Keywords, and Description Metadata.

Learn about an HTML Element, Element attribute and the DOM.

Learn the difference in Bold and Strong HTML elements. Should you use bold?

Learn about the paragraph element and Block elements.

Learn how to add images to your web page.

Learn about the heading h1-h6 elements and the hr element.

Learn about the paragraph element and Block elements.

Learn the difference in the Div and Span elements.

Create tables using header, captions, columns and rows. Learn about colspan and rowspan. Learn some nice CSS to spice them up.

Learn about HTML 5 Semantic elements overall. Deep dive into header, nav, main, and footer.

Learn when to use Div versus Section. Learn about Section, Article and Aside HTML 5 Semantic elements

Learn about three different types of Lists that you can make in HTML.

Learn how to use the new HTML 5 Progress bar.

Learn how to use the new HTML 5 Meter bar.

Learn how to use the new HTML 5 elements Summary and Details.