Topics

#semantic tags

1. 1. Semantic tags are self explanatory tags.
2. 2. Semantic tags in HTML are designed to give meaning to the content they contain.
3. 3. Example:- <form> , <table>, <video>, <audio>, etc are semantic tags whereas <ol>,<tr>,<td>,etc are non semantic tags.

#Page Layout

1. 1. It is the arrangement of visual elements on a webpage.

#Header Tag

1. 1. The Header semantic tag was introduced in Html5.
2. 2. Header tag is used to represent the header or topmost part of a website where we have logo and navigation links.
3. 3. It is a container tag
4. 4. It is block level element.

#Nav Tag

1. 1. The Nav semantic tag was introduced in Html5.
2. 2. All navigation links like home link, contact us, services, etc, should be written within the Nav tag.
3. 3. It is a container tag
4. 4. It is block level element.

#Section Tag

1. 1. The Section semantic tag was introduced in Html5.
2. 2. Section tag is used to define sections in a web page.
3. 3. It is a container tag
4. 4. It is block level element.

#Article Tag

1. 1. The Article semantic tag was introduced in Html5.
2. 2. Article tag is used to create divisions in section tag.
3. 3. Here, we can write independent content.
4. 4. It is a container tag
5. 5. It is block level element.

#Main Tag

1. 1. The Main semantic tag was introduced in Html5.
2. 2. Main tag is used to define the main content of a web page.
3. 3. The main content inside a section or article can be written within the main tag.
4. 4. It is a container tag
5. 5. It is block level element.

#Aside Tag

1. 1. The Aside semantic tag was introduced in Html5.
2. 2. The content which is not directly related to our website like advertisements should be written within the aside tag.
3. 3. It is a container tag
4. 4. It is block level element.

#Footer Tag

1. 1. The Footer semantic tag was introduced in Html5.
2. 2. Footer tag represents the footer/ bottom part of a web page or website.
3. 3. It is a container tag
4. 4. It is block level element.