introducing HTML 5 Header, Footer, Section, Aside | itbaba

introducing HTML 5 Header, Footer, Section, Aside | itbaba

In this video, I will be introducing HTML 5 Header, Footer, Section, Aside”.

First of all, we will know that what is section and aside??All content lying inside the <body> element is part of a section.The section tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

The aside element represents a section of a page that consists of content that is related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars.In the website, the section can be used for the slider or any articles or image.while in aside, we can insert any and information related to the webpage.

First, you will make section by using section tag.section will be created at the bottom of the header.you don’t need div for section.you will directly use the section tag and for styling, go to style tag and give width, height and background.now apply aside tag.it will use apply inside the section tag.for styling, give width, height and background.you can also use float for change the position of aside.

if you insert image/article/slider; then apply the tags at the bottom of aside tag.if you don’t do according to this method then your format /layout of your website will be destroyed and all setting will be out.let suppose; you want to insert image and article in section.then type img src at the bottom of aside tag.and do setting in the styling tag by various attributes.if you insert the image inside the aside tag then apply img src.

you can also change width and height of the image for more styling go to style tag and gives various attributes.

Watch This Video:

I hope you will achieve better knowledge of “introducing HTML 5 Header, Footer, Section, Aside” from this video.

You can Watch our Previous tutorials for Web Developing:
#How to make an image slider in HTML | Urdu & Hindi tutorial | Technical College

#How to create Container or column boxes in CSS | Urdu & Hindi Tutorial | Technical College
https://goo.gl/d6BcJL

#Create Dropdown Menu in HTML or CSS | Urdu & Hindi tutorial | Technical College
https://goo.gl/sXAy26

#Fix Header and Footer in CSS | Urdu and Hindi Tutorial | Technical College
https://goo.gl/wW47TQ

#Download link in HTML Urdu and Hindi tutorial | Technical College
https://goo.gl/4qhgs6

#Order List And Unorder List in Urdu and Hindi tutorial | Technical College
https://goo.gl/bJqAW6

Visit and Subscribe To My channel “Technical College”.
Channel URL: http://quainator.com/2Qy9

Hit the subscribe button to get notification of new video.You can also follow me on other social media.

Visit our official website: https://itbaba.net/

Like us on Facebook Page: https://www.facebook.com/TechnicalCollege1/

You can Join our Facebook Group: https://www.facebook.com/groups/161467174423746/

Twitter: https://twitter.com/Techcollege01

Pinterest: https://www.pinterest.com/Technicalcollege01/the-web-develop/

Google Plus: https://plus.google.com/109731336769713097481

Thanks for watching this Video.
Join our other courses, let’s go and visit our site: https://itbaba.net/

About Rashid BABA

Rashid BABA
Rashid BABA is a Web Developer, SEO Expert & Android App Developer From Pakistan.I am working for last 5 years on the internet.You can contact me on FaceBook.
x

Check Also

Google aim to Reveal the Way it Utilizes your Information

Google aim to Reveal the Way it Utilizes your Information

If you are tired of searching aimlessly for solitude info in your Google aim profile ...