-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPart0008.html
46 lines (43 loc) · 2.41 KB
/
Part0008.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!--This page talks about:
Block Elements and
Inline Elements.
-->
<!DOCTYPE hmtl>
<html>
<head><title>Ninth HTML page</title></head>
<body>
<!--there are elements in the html which takes the complete width of a page
and there are a few elements which take only the width of the size of that element
Here block element means - elements that take the complete width of a page
and inline element means - elements that take the actual width that suffice to put the content.
-->
<header><pre>HEADER SECTION OF THE PAGE</pre></header>
<main>
<section>
<!--DIV is a container tag & a block element.
which in general is used to group a set of elements under one section.
On the other hand, when we talk about the Section tag.
it is used to divide the page into meaningful section, like a chapter
in the usage, both reacts in the same way, but to have a meaning
we use section s in the body as per the need
and div in the section if we need to style few elements together.
To elaborate, let's talk a real time scenario.
Let's say we have to build a page,
where it should contain the Signup & Login buttons, logo of the page,
offers in the store, products in the store, history of orders, profile, items, feed back,
contact info.
So, to properly arrage all these items we need divide our page into multiple parts.
1. Header -> where we can have the Signup/Login, profile, order history and such items.
2. Footer -> where we can place feedback, grievance, and contact info
3. And keep all the items in the Main -> where in we can use sections to separate different items
like we can use one section for holding the grocerries, other section for footware,
other for watch and etc.
and we can hold all the items at mrp in one div and style them as we need.
and we can hold all the offer items into other div and style them in other way as we need.
-->
<div></div>
</section>
</main>
<fotter><pre>FOOTER SECTION OF THE PAGE</pre></fotter>
</body>
</html>