WebsiteLAB_exerices/index.html at main · ashitizn21/WebsiteLAB_exerices · 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
<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title></title>
        <link rel="stylesheet" href="style.css" />
    </head>

    <body>
        <header>
            <h1>header1</h1>
        </header>

        <nav>
            <ul>
                <li><a href="folder/index.html">menu1</a></li>
                <li><a href="m2.html">menu2</a></li>
                <li><a href="m3.html">menu3</a></li>
            </ul>
        </nav>

        <section>
            <article class="paragraph1">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Accusantium, at, fugiat consequatur sint, ea animi nihil
                    quaerat quia nisi provident quas libero recusandae quasi
                    odio nemo ratione delectus. Id, repellendus.
                </p>
                <img src="images.jpg" alt="" />
            </article>
            <p>
                this another paragraph Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure commodi facere consectetur est. Eveniet cupid
                inventore amet placeat laboriosam atque corrupti tempora odit, quaerat distinctio magni necessitatibus dolorum odio harum?
            </p>
            <article class="paragraph2">
                <img src="aaa.jpg" alt="" class="image" />
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Quos neque et inventore, ducimus voluptates eligendi culpa
                    aspernatur distinctio cupiditate vitae voluptatem magni in.
                    In quasi sequi hic consequuntur illum! Vitae?
                </p>
            </article>
        </section>

        <div class="tableSection">
            <table border="1">
                <tr>
                    <th>Name</th>
                    <th>Dept</th>
                </tr>
                <tr class="odd">
                    <td>ashenafi</td>
                    <td>CSE</td>
                </tr>
                <tr class="even">
                    <td>Elias</td>
                    <td>CSE and ECE</td>
                </tr>
                <tr class="odd">
                    <td>Get</td>
                    <td>PCE</td>
                </tr>
                <tr class="even">
                    <td>Getachew</td>
                    <td>MEC</td>
                </tr>
            </table>
        </div>
        <footer>
            <p>&copy; Reserced</p>
        </footer>
    </body>
</html>