html5/p5.html at main · pythonprogrammerRaji/html5 · GitHub

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <centre>
        <h1>SEMANTIC ELEMENT..!</h1>
        <p><b>in any language, it is essential to understand the meaning od words
            during communication </b></p>

            <h2>why to use semantic element</h2>
            <p>In HTML4, development have to use their own id/class names to style element: header, top, bottom, footer, menu, navigation, main, container, content, sidebar, top,
                nav,etc </p>
        </centre>

        <hr>
        <centre>
            <h3>ARTICLE TAG</h3>
            <P>(This tag defines an independent self-contanin content)</P>
        </centre>

        <center>
            <h3>ASIDE TAG..!</h3>
            <p>The ASIDE element represent the content which is indirectly giving information to the main contact of the page.It is  frequently represent as a sidebar</p>
        </center>
        <hr>
        <p>I don't want to live in ghaziabad, I wish; I could buy a flat in an New delhi </p>
        <aside>
            <h3>New delhi</h3>
            <p>New Delhi is the capital of India.</p>
        </aside>
        <hr>

        <centre>
            <h3>This is SECTION TAG</h3>
            <p>the <b>HTML section</b> tag is used to define section in a document. when you put your contect on a web page, it may contains many chapter, header, footer, or other sections on a web page that is why <b>HTML section</b>tag is used</p>
        </centre>

        <hr>
        <section>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident quae in consequatur quos labore sapiente, dicta sed laboriosam possimus. In a veniam, quo cumque laboriosam ipsum perspiciatis doloremque sunt similique.</p>
        </section>
<hr>
        <center>
            <h3>NAV TAG..!</h3>
            <p>The NAV readonly element is used to define a set of navigation links</p>
        </center>
        <hr>
        <nav>
            <ul>
                <li><a href="#">HOME</a></li>
                <li><a href="#">ABOUT US</a></li>
                <li><a href="#">CONTENT US</a></li>
                <li><a href="#">SERVICES</a></li>
 </ul>
        </nav>

        <hr>
        <center>
            <h3>HEADER TAG</h3>
            <p>the HEADER element represent the header of the document which an contain introductory content or navigation links</p>
        </center>
        <hr>
        <header>
            <nav>
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">ABOUT US</a></li>
                    <li><a href="#">CONTENT US</a></li>
                    <li><a href="#">SERVICES</a></li>


                </ul>
            </nav>
        </header>
</body>
</html>