HTML-css2/index.html at main · Simarjeet112/HTML-css2 · 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
131
132
133
134
135
136
137
138
139
<!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">
</head>
<body>
    <h1>heading1</h1>
    <h2>heading2</h2>
    <h3>heading3</h3>
    <h4>heading4</h4>
    <h5>heading5</h5>
    <h6>heading6</h6>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione laudantium minima consectetur alias optio assumenda consequatur sunt perspiciatis. Qui obcaecati provident in ab alias, distinctio quo neque quasi asperiores iste quam dolores laudantium beatae enim sint fuga blanditiis laborum doloremque vero vel accusantium. Unde aspernatur impedit necessitatibus possimus quasi repellat fugit! Recusandae aliquid ex consequatur, minima debitis eaque tempora mollitia nihil maxime exercitationem odit autem doloribus illum reprehenderit?</p>
<br>
    <a href="www.google.com"></a>
<img src="dEoKCQ.webp" alt="moon" height="500">

<b>bold</b>
<br>
<i>italic</i>
<br>
<u>underlined</u>
<br>
this <sub>is</sub> subscript
<br>
this <sup>is</sup> supercript
<pre>
    this is written
       pre
       tag
</pre>

<header>
    <nav>
        <a href="/about">home</a>
        <br>
        <!-- if this page is inside a directory, we need to make sure that we link to the correct page -->
        <a href="https://facebook.com" target="_blank">fb</a>
        <br>
        <a href="wholetomoto.exe">Download whole tomato</a>
    </nav>
</header>

<main>
    <section>
        <article>
<div>
    i am a content inside div
</div>
<span>
    i am a span
</span>
        </article>
    </section>
    <aside>

    </aside>
</main>

<footer>

</footer>


<!-- list and table -->
<ul>
    <li>cofee</li>
    <li>tea</li>
</ul>
<ol>
    <li>cofee</li>
    <li>tea</li>
</ol>

<h1>table and form in HTMI</h1>
<table border="1">

    <thead>
        <tr>
            <th>Name</th>
            <th>role</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>simar</td>
            <td>software developer</td>
        </tr>
        <tr>
            <td>jeet</td>
            <td>manager</td>
        </tr>
        <tr>
            <td colspan="3">thanks</td>
        </tr>


    </tbody>

</table>


<div>
    <label for="name">Name</label>
    <input id="name" type="text" placeholder="Enter name">
</div>
<div>
    <label for="email">Email</label>
    <input id="email" type="email" placeholder="Enter email">
</div>

<div>
<label for="gender">Gender</label>
<select id="gender">
    <option value=""></option>
<option value="male"></option>
<option value="female"></option>
<option value="other"></option>
</select>
</div>


<div>
    <p>subscription plan</p>
    <div>
        <input id="basic" type="radio" name="subscriptiom" value="basic">
        <label for="basic">Basic</label>
        <input id="premium" type="radio" name="subscriptiom" value="premium">
        <label for="premium">premium</label>
    </div>
</div>

<video src="wp.mp4.mp4" autoplay muted controls></video>


</body>
</html>