-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPart0007.html
56 lines (53 loc) · 2 KB
/
Part0007.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
47
48
49
50
51
52
53
54
55
56
<!--This page talks about:
Making a ayout of the file with the use of
Header, Main, Footer,
Setion / Article / Aside tags in the Main tag.
Understand difference between Semantic and Non-Semantic tags. -->
<!DOCTYPE html>
<!--
Semantic tags and non-semantic tags.
Semantic tags are tags whose name speaks the meaning of it.
where as, non-semantic tags are those whose name would not mean what it says
example of semantic tags : header, -> it makes the page more readable.
example of non-semantic tags : hr, br, a, etc.,
-->
<html>
<head>
<title>Eighth html page</title>
</head>
<body>
<!--we use the header, main, footer, sections, article, aside tag.
to separate the content in to different sections.
We've to use it to properly justify the content.
By this we can easily identify, which content is related to which section and all.
Use the "inspect" option in the chrome to observe the exact difference -->
<Header>
<h3>THIS IS A HEADER SECTION OF THE PAGE</h3>
<pre>COURSES LATEST BLOGS FEEDBACK DONATIONS </pre>
</Header>
<main>
<section>
SECTION1
</section>
<section>
SECTION2
</section>
<section>
SECTION3
</section>
<section>
SECTION4
</section>
<article>
<pre>This here is an article I wrote in the medium, please watch out the articles
please read the content and let me know your feed back.
</pre>
</article>
<aside>THIS IS A ASIDE TAG, WE PUT INFORMATION WHICH SHOULD BE AWAY FROM MAIN CONTENT</aside>
</main>
<footer>
<h3>This is the footer section of the page.</h3>
<pre>Contact me at : [email protected]</pre>
</footer>
</body>
</html>