-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (141 loc) · 5.83 KB
/
index.html
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
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
<body>
<p>This is a paragraph This is a paragraph This is a paragraph This is a paragraph This is a paragraph</p>
<hr>
<h1>Heading1(Most important)</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6(least important)</h6>
<hr>
<!--Anchor tag(for adding links)-->
<a href="https://www.google.com/" target="_main"><img src="https://storage.googleapis.com/gd-prod/images/a910d418-7123-4bc4-aa3b-ef7e25e74ae6.60c498c559810aa0.webp" alt="Google" height="150"></a>
<br>
<a href="https://drive.google.com/drive/folders/1wfNTKinBAV6CCxaI5lfSnnRFAYpy0uEl">View Apna college Notes</a>
<br>
<a href="/hello.html">Go to hello</a>
<hr>
<img src="https://gratisography.com/wp-content/uploads/2024/01/gratisography-cyber-kitty-800x525.jpg" alt="Random Image" height="180">
<hr>
<b>Bold</b>
<br>
<i>Italic</i>
<br>
<u>Underlined</u>
<br>
<hr>
<big>This tag shows big text</big>
<br>
<small>This tag shows small text</small>
<hr>
<!-- this is subscript -->
<p>C<sub>6</sub>H<sub>12</sub>O<sub>6</sub></p>
<!-- this is superscript -->
<p>5<sup>2</sup>= 25</p>
<br>
<pre>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestiae saepe consectetur totam assumenda iusto modi minima
sapiente animi excepturi sequi deleniti praesentium,
dolor eius commodi recusandae nihil repudiandae eos ex.</pre>
<!-- when we need our personalized space or new line , use pre instead of p -->
<ul>
<li>Siam</li>
<ul>
<li>DoB: 21 October</li>
</ul>
<li>Lehri</li>
<ul>
<li>DoB: 24 October</li>
</ul>
<li>Mirza</li>
<li>Sarker</li>
</ul>
<ol>
<li>this is 1st</li>
<li>this is 2nd</li>
<li>this is 3rd</li>
</ol>
<!-- Form -->
<form action="action.php">
<fieldset>
<legend>Employee details</legend>
<label for="fname">
<p>First Name: <input type="text" id="fname" name="name" value="firstname"></p>
</label>
<label for="lname">
<p>Last name: <input type="text" id="lname" name="name" value="lastname"></p>
</label>
<label for="gender1">
<input type="radio" id="gender1" value="Male" name="gender">Male
</label>
<label for="gender2">
<input type="radio" id="gender2" value="Female" name="gender">Female
</label>
<label for="101"></label>
<p>Employee Id: <input type="text" id="101></p>
</label>
<label for="102"></label>
<p>Designation: <input type="text" id="102"></p>
</label>
<label for="103"></label>
<p>Phone Number: <input type="number" id="103"></p>
</label>
<label for="104">
<input type="submit" id="104" class="submit" value="SUBMIT">
</label>
</fieldset>
</form>
<!-- table -->
<table>
<caption><h3>Table with Borders and padding</h3></caption>
<colgroup>
<thead>
<tr>
<th>Name</th>
<th>Job Title</th>
<th>Email Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>Anna FItzgerald</td>
<td>Staff Writer</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Jhon Smith</td>
<td>Marketing manager</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Zendaya Grace</td>
<td>CEO</td>
<td>[email protected]</td>
</tr>
</tbody>
</colgroup>
</table>
<!-- add a new para with a pic -->
<div>
<h4><p style="font-family: 'Courier New', Courier, monospace;">Software Company Hiring</p></h4>
</div>
<img src="https://i.ibb.co/zFn1gBZ/kenny-eliason-1-a-A2-Fadydc-unsplash-1.jpg" alt="A bunch of colleagues infront of a Projector Discussing Something">
<p><b>Author: </b> Zad Saz <span style="white-space: nowrap;font: weight 20px;">(69 views)</span></p>
<p><b>Publish: </b> 2023-11-30 4:55:34 pm</p>
<br>
<p style="font-family: 'Courier New', Courier, monospace;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum fugit debitis distinctio voluptates quo eius optio? Iusto dolores corrupti doloribus velit nobis quisquam, fuga quaerat culpa nulla itaque at quia. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam non unde modi enim vel molestiae aliquam alias quod aliquid, eius, ipsum sapiente esse quo quidem blanditiis tenetur quam saepe eos. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nisi in modi consectetur quia animi corporis, ab ad quis officiis sint facilis nostrum magnam ut vitae dolorem adipisci saepe quod ex.</p>
<br>
<p style="font-family: 'Courier New', Courier, monospace;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium, doloribus hic culpa reprehenderit reiciendis error voluptatem et maxime! Delectus, numquam fugiat aut obcaecati cum nemo tempore dignissimos repudiandae nisi dolorem. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloribus eos, quos veniam reiciendis accusamus deserunt, praesentium velit sint quidem perspiciatis debitis ullam animi excepturi ipsa voluptate exercitationem necessitatibus quas recusandae!</p>
</body>
</html>