Andrew Godby 5 months ago
godby91 Verified #html

Learning HTML5: Part 3

In the third video of this guide we will be talking about the various types of meta tags to include in your HTML document. We also cover section tags, div containers, basic nav bars, multi-page sites, and more CSS.

Meta tags, div containers, creating a basic nav bar, and setting up a multi-page website

In this video we talk a bit more about the various types of meta tags we can add into our HTML documents. Here are some of the types of meta tags you can add into your page.

Sections and divs are similar but are actually quite different. Section tags should be used to group content that is similar in nature. A good way to use a section would be a product pricing section on a website. Every element inside that section tag should be related to pricing. It could give product descriptions, pricing, links to more details, pictures, and maybe even links for payment gateways. 

A div on the other hand, is not really a grouping of content by category or some type of relation. It's simply a seperator that defines the boundry between HTML elements. 

If you are confused think about it like this, a div is extremely common and should be used to contain elements - it doesn't always make sense in relation to the content. A section tag is a very thought out, planned grouping of HTML elements that serves a purpose.


CSS Selectors in this example

We have a few new CSS selectors for our styling in this video example. We are using the :hover selector, as well as multi-class selectors. Here is a screenshot of the CSS we used here.


Yoast SEO Basics Part 1

Andrew Godby
4 months ago

Installing WordPress on Shared Hosting Account

Andrew Godby
5 months ago

How to Install WordPress Locally Using XAMPP

Andrew Godby
4 months ago

How to Install & Configure VirtualBox

Andrew Godby
4 months ago

Yoast SEO Basics Part 2

Andrew Godby
4 months ago