SlideShare a Scribd company logo
Explain how the division element is used to setup the layout of a web page
Solution
A page being rendered in the program comprises of numerous things - logo, educational content,
pictures, hyperlinks, navigational structure and the sky is the limit from there. HTML5offers an
arrangement of markup components that permit you to make an organized format for site pages.
These components are frequently named as Semantic Markup since they pass on their
significance and reason unmistakably to the designer and to the program. This article examines a
portion of the vital HTML5 components that can add to the design of a site page.
Semantic markup communicates its importance and reason unmistakably to the designers and to
the program. Web designers much of the time utilize the
component to format their website pages. Be that as it may, a
component independent from anyone else doesn't pass on what it is speaking to in a page. A
component may wrap a navigational menu or it might house a rundown of blog entries, yet
simply utilizing
doesn't pass on much data to the engineers or to the programs. Normally CSS classes connected
to
components uncover some data about their expected reason. For instance consider the
accompanying markup:
...
In the above markup it is the header CSS class that gives you a thought with reference to what
the
may do. Without this CSS class, nonetheless, there is no real way to effortlessly recognize what
the
may do. This is on the grounds that
is a broadly useful component. It has no particular reported obligation. It essentially denote a
division or segment of the page yet doesn't manage what can go inside that area.
Before we can set about situating our HTML components utilizing CSS, we have to characterize
the different diverse areas of our site page. We do this utilizing
labels. The accompanying case gives a run of the mill case of how we may characterize a page
with a header, a side menu and some substance:
….
….
….
As should be obvious, we have utilized
labels to characterize the three zones of our page, and inside those divisions we can put anything
we need - content, pictures, joins and so forth.
The way things are we have essentially characterized different segments of our HTML, however
we haven't started to modify the design yet. divs are square level components. This implies they
will consequently fill 100% of the accessible page width, and our segments will arrange one
underneath the other. On the following page we will start to compose the CSS to position our
components precisely where we need them.
Thank you.

More Related Content

DOCX
ARTICULOENINGLES
PDF
Organize Your Website With Advanced CSS Tricks
PDF
Divs and Links Styles
PDF
Tfbyoweb.4.9.17
PDF
Tfbyoweb.4.9.17
PPTX
Presentation 1 [autosaved]
DOC
Intermediate Web Design.doc
DOC
Intermediate Web Design.doc
ARTICULOENINGLES
Organize Your Website With Advanced CSS Tricks
Divs and Links Styles
Tfbyoweb.4.9.17
Tfbyoweb.4.9.17
Presentation 1 [autosaved]
Intermediate Web Design.doc
Intermediate Web Design.doc

Similar to Explain how the division element is used to setup the layout of a we.pdf (20)

PPT
Page Layout 2010
PPT
Page Layout 2010
PPTX
Buiding Next Generation Websites Session 8 by Muhammad Ehtisham Siddiqui
PDF
Margin vs Padding.pdf
PDF
La build your own website september 5
PPT
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
DOCX
Sacramento web design
PPTX
web development presentation computer science
PDF
Wa html5-pdf
PDF
Wa html5-pdf
PPTX
Aside, within HTML5 + CSS
PDF
BYOWHC823
PDF
Wa html5-pdf
PDF
Wa html5-pdf
PPTX
Web designing course bangalore
DOCX
INTEGRATION (HTML/CSS) The technology behind AESTHETICS
PPTX
Quality Link Building
PPTX
Overview of Using Wordpress for Web Site Design
PDF
Seo guide & tips for web designers
PDF
The CSS Handbook
Page Layout 2010
Page Layout 2010
Buiding Next Generation Websites Session 8 by Muhammad Ehtisham Siddiqui
Margin vs Padding.pdf
La build your own website september 5
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Sacramento web design
web development presentation computer science
Wa html5-pdf
Wa html5-pdf
Aside, within HTML5 + CSS
BYOWHC823
Wa html5-pdf
Wa html5-pdf
Web designing course bangalore
INTEGRATION (HTML/CSS) The technology behind AESTHETICS
Quality Link Building
Overview of Using Wordpress for Web Site Design
Seo guide & tips for web designers
The CSS Handbook

More from SALES97 (20)

PDF
Blossom Corporation had 120,000 common shares outstanding on Decembe.pdf
PDF
A system experiences a phase change from liquid to solid. Is this exo.pdf
PDF
Write an equation of a tangent function with the following characters.pdf
PDF
Why is a mixture of alcohol and water used, rather than simply water.pdf
PDF
Why are the 1960s relatively turbulentSolutionAnswer1960s .pdf
PDF
When acting as a neurotransmitter NO binds to the iron atom in vario.pdf
PDF
Which of the following are reasons that Drosophila are an ideal exper.pdf
PDF
What Michael acceptor is needed for the conjugate addition Beta - .pdf
PDF
What is the role of intuition in decision-makingSolutionIntui.pdf
PDF
What is the difference between a HTML element’s id attribute and nam.pdf
PDF
What happens when youre Running Scripts without a console in Linux.pdf
PDF
TrueFalse A virtual private network is a way to use the Internet to.pdf
PDF
The total physical units accounted for is the sum of the units co.pdf
PDF
The problem can be found below. I would like someone to run this. I .pdf
PDF
The probability that a teacher will give an unannounced test duri.pdf
PDF
The Orlando MedicalOrlando Medical Corporation financial statements.pdf
PDF
The IP network is a virtual network and must rely on a link layer ne.pdf
PDF
Table 1 Endowment of Labor and Capital US 100 20 Canada 10 Workers Ma.pdf
PDF
State if you agree or disagree with the statement made and whyLes.pdf
PDF
subject.....project management.Tools and Processes Based on the pr.pdf
Blossom Corporation had 120,000 common shares outstanding on Decembe.pdf
A system experiences a phase change from liquid to solid. Is this exo.pdf
Write an equation of a tangent function with the following characters.pdf
Why is a mixture of alcohol and water used, rather than simply water.pdf
Why are the 1960s relatively turbulentSolutionAnswer1960s .pdf
When acting as a neurotransmitter NO binds to the iron atom in vario.pdf
Which of the following are reasons that Drosophila are an ideal exper.pdf
What Michael acceptor is needed for the conjugate addition Beta - .pdf
What is the role of intuition in decision-makingSolutionIntui.pdf
What is the difference between a HTML element’s id attribute and nam.pdf
What happens when youre Running Scripts without a console in Linux.pdf
TrueFalse A virtual private network is a way to use the Internet to.pdf
The total physical units accounted for is the sum of the units co.pdf
The problem can be found below. I would like someone to run this. I .pdf
The probability that a teacher will give an unannounced test duri.pdf
The Orlando MedicalOrlando Medical Corporation financial statements.pdf
The IP network is a virtual network and must rely on a link layer ne.pdf
Table 1 Endowment of Labor and Capital US 100 20 Canada 10 Workers Ma.pdf
State if you agree or disagree with the statement made and whyLes.pdf
subject.....project management.Tools and Processes Based on the pr.pdf

Recently uploaded (20)

PDF
RMMM.pdf make it easy to upload and study
PDF
Sports Quiz easy sports quiz sports quiz
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Complications of Minimal Access Surgery at WLH
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Cell Types and Its function , kingdom of life
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
TR - Agricultural Crops Production NC III.pdf
RMMM.pdf make it easy to upload and study
Sports Quiz easy sports quiz sports quiz
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
GDM (1) (1).pptx small presentation for students
Complications of Minimal Access Surgery at WLH
STATICS OF THE RIGID BODIES Hibbelers.pdf
Basic Mud Logging Guide for educational purpose
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
human mycosis Human fungal infections are called human mycosis..pptx
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPH.pptx obstetrics and gynecology in nursing
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
O5-L3 Freight Transport Ops (International) V1.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Renaissance Architecture: A Journey from Faith to Humanism
Microbial diseases, their pathogenesis and prophylaxis
Cell Types and Its function , kingdom of life
Final Presentation General Medicine 03-08-2024.pptx
TR - Agricultural Crops Production NC III.pdf

Explain how the division element is used to setup the layout of a we.pdf

  • 1. Explain how the division element is used to setup the layout of a web page Solution A page being rendered in the program comprises of numerous things - logo, educational content, pictures, hyperlinks, navigational structure and the sky is the limit from there. HTML5offers an arrangement of markup components that permit you to make an organized format for site pages. These components are frequently named as Semantic Markup since they pass on their significance and reason unmistakably to the designer and to the program. This article examines a portion of the vital HTML5 components that can add to the design of a site page. Semantic markup communicates its importance and reason unmistakably to the designers and to the program. Web designers much of the time utilize the component to format their website pages. Be that as it may, a component independent from anyone else doesn't pass on what it is speaking to in a page. A component may wrap a navigational menu or it might house a rundown of blog entries, yet simply utilizing doesn't pass on much data to the engineers or to the programs. Normally CSS classes connected to components uncover some data about their expected reason. For instance consider the accompanying markup: ... In the above markup it is the header CSS class that gives you a thought with reference to what the may do. Without this CSS class, nonetheless, there is no real way to effortlessly recognize what the may do. This is on the grounds that is a broadly useful component. It has no particular reported obligation. It essentially denote a division or segment of the page yet doesn't manage what can go inside that area. Before we can set about situating our HTML components utilizing CSS, we have to characterize the different diverse areas of our site page. We do this utilizing labels. The accompanying case gives a run of the mill case of how we may characterize a page with a header, a side menu and some substance: ….
  • 2. …. …. As should be obvious, we have utilized labels to characterize the three zones of our page, and inside those divisions we can put anything we need - content, pictures, joins and so forth. The way things are we have essentially characterized different segments of our HTML, however we haven't started to modify the design yet. divs are square level components. This implies they will consequently fill 100% of the accessible page width, and our segments will arrange one underneath the other. On the following page we will start to compose the CSS to position our components precisely where we need them. Thank you.