HTML-Notes-CODES/code7.html at main · SHROUDSOURAV/HTML-Notes-CODES · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <style>
        body{
            background-color:rgb(255, 255, 255);
            text-align:center;
        }
        th{
            background-color:rgb(64, 62, 62);
            border:1px solid black;
            text-align:center;
            color:aliceblue;
        }
        td{
            background-color:rgb(2, 2, 2);
            border:1px  solid black;
            text-align:center;
            color:aliceblue;
        }
    </style>
</head>
<body>
    <h6>asdasd</h6>
    <h5>asdasd</h5>
    <h4>asdasd</h4>
    <h3>asdasd</h3>
    <h2>asdasd</h2>
    <a href = "#sec2">REDIRECT</a>
    <br>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae porro quasi unde fuga consectetur nam dolor dolorum? Dolorum consequuntur, dignissimos harum totam omnis magnam doloremque fuga vero, dolor ab odio!</p>
    <pre>
        line1
        line2
        line3
        line4
    </pre>
    dasdasdasdsa<br>
    <hr>
    <b>sourav </b>asdasda
    <hr>
    <i>bose </i>asdasdasdas
    <a href = "https://www.google.com">google</a>
    <p style = "
    text-align:center;
    background-color:rgb(163, 85, 237);
    color:rgb(0, 0, 0)"
    >hello world!!!!</p>

    <p>b<sup>2</sup> = H<sub>2</sub>O</sup></p>
    a<sup>2<sup>3<sup>4</sup></sup></sup>
    <br>
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ul>
    <ol type ="I">
        <li>s</li>
        <li>ss</li>
        <li>sss</li>
        <li>ssss</li>
        <li>sssss</li>
    </ol>
    <abbr title = "as soon as possible">asap</abbr>
    <img src = "https://plus.unsplash.com/premium_photo-1734203007981-0cfdae356886?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwyfHx8ZW58MHx8fHx8" alt = "blank/no image" width = 250px></img>

    <br><br><br>
    <table>
        <tr>
            <th>name</th>
            <th>department</th>
            <th>section</th>
        </tr>
        <tr>
            <td>sourav</td>
            <td>bca</td>
            <td>e</td>
        </tr>
        <tr>
            <td>soustav</td>
            <td>bca</td>
            <td>e</td>
        </tr>
        <tr>
            <td>gaurav</td>
            <td>bca</td>
            <td>f</td>
        </tr>
        <tr>
            <td>souvik</td>
            <td>bca</td>
            <td>f</td>
        </tr>
    </table>
    <p id = "sec2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, iure est. Facilis, natus necessitatibus omnis placeat eligendi dolor voluptatem laborum, error nobis asperiores soluta numquam explicabo doloremque fugiat, nihil ipsum!</p>
</body>
</html>