Basic structural elements and
their usage
The elements of web design take many of the
basics of graphic design and include multiple
levels of linked pages with interactive features
that are common on the internet. We'll break
these down into four categories: technical,
layout, content, and navigation.
In web design, the basic structural elements
are the fundamental building blocks used to
create and organize the content and layout of a
webpage. These elements help structure the
webpage, making it more accessible, readable,
and functional. Here are some of the most
important structural elements and their usage:
1.HTML (Hypertext Markup Language)
• Usage:HTML is the standard markup language
used to create the structure of web pages. It
defines the layout and the elements on a
webpage, such as text, images, links, and forms.
2.Headings (<h1> to <h6>)
, • Usage:Headings are used to create a hierarchy
of content. <h1> is the most important heading
(often used for the main title), while <h6> is the
least important. Proper use of headings improves
accessibility and SEO (Search Engine
Optimization).
3.Paragraphs (<p>)
• Usage:Paragraphs are used to group sentences
together, making the content more readable.
They define blocks of text on the webpage.
4.Divisions (<div>)
• Usage:<div> is a block-level element used to
group other HTML elements together. It is often
used to apply CSS styles to sections of a
webpage or to create a specific layout structure.
5.Spans (<span>)
• Usage:<span> is an inline element used to
group small portions of text or elements within a
paragraph or another block element. It’s often
their usage
The elements of web design take many of the
basics of graphic design and include multiple
levels of linked pages with interactive features
that are common on the internet. We'll break
these down into four categories: technical,
layout, content, and navigation.
In web design, the basic structural elements
are the fundamental building blocks used to
create and organize the content and layout of a
webpage. These elements help structure the
webpage, making it more accessible, readable,
and functional. Here are some of the most
important structural elements and their usage:
1.HTML (Hypertext Markup Language)
• Usage:HTML is the standard markup language
used to create the structure of web pages. It
defines the layout and the elements on a
webpage, such as text, images, links, and forms.
2.Headings (<h1> to <h6>)
, • Usage:Headings are used to create a hierarchy
of content. <h1> is the most important heading
(often used for the main title), while <h6> is the
least important. Proper use of headings improves
accessibility and SEO (Search Engine
Optimization).
3.Paragraphs (<p>)
• Usage:Paragraphs are used to group sentences
together, making the content more readable.
They define blocks of text on the webpage.
4.Divisions (<div>)
• Usage:<div> is a block-level element used to
group other HTML elements together. It is often
used to apply CSS styles to sections of a
webpage or to create a specific layout structure.
5.Spans (<span>)
• Usage:<span> is an inline element used to
group small portions of text or elements within a
paragraph or another block element. It’s often
