HTML-projeccts/pro_level.html at main · rishitydv/HTML-projeccts · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!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>pro level</title>
    <link rel="stylesheet" href="edits.css">
</head>
<body>
    <header></header>

    <main>
       <!-- <-- unordered list -->

        <ul>
            <li>apple</li>
            <ul>
                <li> it is of red color</li>

            </ul>
            <li>mango</li>
            <li>banana</li>
            <li>grapes</li>
        </ul>


        <!-- Ordered list -->
        <ol>
            <li>apple</li>
            <ul>
                <li> it is of red color</li>
                <!-- making of sub list -->
             </ol>
            <li>mango</li>
            <li>banana</li>
            <li>grapes</li>
        </ul>
    </main>

         <caption>
            Student Data
        </caption>
        <thead>
        <table>
            <tr>
            <th colspan="2">
                INFORMATION
            </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>RISHIT YADAV</td>
                <td>BE21IT067</td>
            </tr>
        </tbody>
        </table>
        <!-- Taking text input from user -->
        <u><h1 style="color: rgb(73, 185, 208);">Registersation Form</h1></u>
        <form action="/action.php">
                <input type="text" placeholder="Usrename">
                <br><br>
                <input type="password" placeholder="Secret ID">
                <br><br>
                <b><a href="https://taplink.cc/rishit_yadav_" target="_main">Interest</a></b>

                <label for="101">
                    <br>
                    <u><h3>Select your Class</h3></u>
                <!-- using radio buttons -->
                <input type="radio" value="class XI" name="class" id="101">class XI
            </label>
            <br>
            <label for="102">
                <input type="radio" value="class XII" name="class" id="102">class XII
                </label>
                <!-- using checkbox -->
                <br>
               <u><h3>Your Favourite subjects</h3></u>
            <label for="Chemistry">
                <input type="checkbox" value="chemsistry" name="subject" id="101">chemistry
            </label>
            <br>
            <label for="mathematics">
                <input type="checkbox" value="mathematics" name="subject" id="102">mathematics
            </label>
            <br>
            <label for="physics">
                <input type="checkbox" value="physics" name="subject" id="103">physics
            </label>
            <br>
            <label for="biology">
                <input type="checkbox" value="biology" name="subject" id="104">biology
            </label>
            <!-- taking feedback -->
            <u><h3>Feedback for the Faculty</h3></u>
            <br>
            <textarea name="feedback" id="101" placeholder="Enter your Feedback here" rows="5"></textarea>
            <br>
            <!-- inserting drop down menu -->
            <u><h3>Enter your city</h3></u>
            <select name="city">
                <option value="lucknow">lucknow</option>
                <option value="agra">agra</option>
                <option value="bareilly">bareilly</option>
                <option value="kanpur">kanpur</option>
            </select>
            <br><br>
            <input type="submit" value="submit">

        </form>
        <br>
        <hr>
        <u><h4>Learn HTML from the below given video</h4></u>
        <br>
        <!-- Inserting link in a webpage -->
        <iframe width="560" height="315" src="https://www.youtube.com/embed/HcOc7P5BMi4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        <br>
        <hr>
        <h3>Wanna search something??</h3>
        <hr>
        <iframe width="860" height="515" src="https://en.wikipedia.org/wiki/Main_Page"></iframe>
        <br><hr>
        <!-- Inserting video in webpage -->
        <I><U><h3>Fav Song</h3></U></I>
        <video height="315" width="560" src="/excuses.mp4" controls loop>My video</video>
            <footer></footer>
</body>
</html>