-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnew.html
174 lines (152 loc) · 9.23 KB
/
new.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="new.css" />
</head>
<body>
<h1>Ques 1.</h1>
<table border="5" , cellpadding="10px" ,style="border-collapse: collapse ;">
<tr>
<th>NAME</th>
<th>DEFINITION</th>
</tr>
<tr align="center">
<td>tr</td>
<td>It Defines Table Row</td>
</tr>
<tr align="center">
<td>td</td>
<td>It Defines Table Coloumn</td>
</tr>
<tr align="center">
<td>th</td>
<td>It Defines Table Heading.</td>
</tr>
</table>
<!-- end of Ques 1 -->
<h1>Ques 2.</h1>
<table border="5" , cellpadding="10px" ,style="border-collapse: collapse ;">
<tr>
<th>HTML FORMAT TEXT TAGS</th>
<th>DEFINITION</th>
</tr>
<tr align="center">
<td>
< 'b'>
</td>
<td>It Defines Bold text</td>
</tr>
<tr align="center">
<td>
< 'strong'>
</td>
<td>It Defines Important text</td>
</tr>
<tr align="center">
<td>
< 'i'>
</td>
<td>It Defines Italic text.</td>
</tr>
<tr align="center">
<td>
< 'em'>
</td>
<td>It Defines Emphasized text</td>
</tr>
<tr align="center">
<td>
< 'mark'>
</td>
<td>It Defines Marked text</td>
</tr>
<tr align="center">
<td>
< 'small'>
</td>
<td>It Defines Smaller text</td>
</tr>
<tr align="center">
<td>
< 'del'>
</td>
<td>It Defines Deleted text</td>
</tr>
</table>
<h1>
Ques 3
</h1>
<h2>An unordered HTML List</h2>
<ul>
<li>Cristiano Ronaldo</li>
<li>Neymar</li>
<li>Dybala</li>
</ul>
<h2>An Ordered HTML List</h2>
<ol>
<li>Messi</li>
<li>Suarez</li>
<li>Pele</li>
</ol>
<h1>Ques 4</h1>
<h2>Image Tag
< 'img'> :</h2>
<img src="https://media.glassdoor.com/sql/1755654/talentio-squarelogo-1532519220324.png" height="200px" , alt="Image">
<form action="">
<label for="">empno:</label>
<input type="text" pattern="[0-9]{4}" required>
<br>
<label for="">name:</label>
<input type="text" required>
<br>
<label for="">age:</label>
<input type="text" pattern="[0-9]" required>
<br>
<label for="mob">mob:</label>
<input type="text" pattern="[0-9]{10}" required>
<br>
<button type="submit">submit</button>
<br>
</form>
<h1>assignment no6</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugit, totam nostrum. Dolore facilis maiores voluptatem delectus! Quo sit itaque dolorem, quis ducimus numquam, repellat expedita aspernatur quae veritatis hic nisi. Lorem ipsum dolor, sit
amet consectetur adipisicing elit. Labore officiis ea fugiat, exercitationem praesentium error soluta velit veritatis beatae est dicta! Necessitatibus eum culpa cum id minima totam non at? Lorem ipsum dolor sit amet consectetur adipisicing elit.
Adipisci quam velit accusamus nihil libero autem magni placeat est corporis animi. Nisi necessitatibus dolores nesciunt eum doloribus laboriosam laudantium! Animi, eius! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Necessitatibus
nihil molestiae consequuntur veniam accusantium dicta magnam corrupti sed, tenetur accusamus, illum optio itaque officiis inventore distinctio voluptatem, rem beatae reprehenderit. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Saepe
sunt illo cum corrupti beatae, quas nesciunt, nostrum assumenda eaque fuga aperiam eos est? Corrupti sint beatae fugiat pariatur rerum repellendus.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur, et nostrum similique eum assumenda molestiae beatae in, nesciunt pariatur fuga, praesentium officiis voluptates reprehenderit minus ducimus. Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Repellat voluptas delectus, reiciendis tempore aspernatur nemo iure! Earum sapiente blanditiis distinctio optio odit harum, ipsa soluta alias exercitationem sequi, minus obcaecati.</p>
<ul>
<li>car</li>
<li>bike</li>
<li>truck</li>
</ul>
<ol>
<li>mt15</li>
<li>r15</li>
<li>rx100</li>
</ol>
<h1>Talentio Assignment</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor facilis minima, cum adipisci, dolorem eius sequi debitis, voluptate corporis error eum modi nihil repudiandae in nisi accusantium sunt ipsum a. Nesciunt corrupti, laudantium necessitatibus
animi error doloremque delectus accusamus unde accusantium beatae, exercitationem blanditiis officia eveniet. Eius rerum placeat incidunt, voluptatibus deleniti obcaecati laboriosam consequatur tempora explicabo voluptatum recusandae ipsam? Corporis
quaerat esse suscipit odio, labore beatae laudantium nihil asperiores numquam vel ipsa tenetur laboriosam sequi quas harum necessitatibus aut accusantium voluptatem dignissimos illo amet neque dolores debitis. Deleniti, est. Repudiandae, tempore
ipsum quia exercitationem cupiditate corrupti molestias ad quos nam accusantium! Ducimus asperiores est labore maxime officiis aut aperiam eum corrupti inventore maiores ipsa beatae, voluptatibus optio nihil. Architecto! Quos iste nostrum dolorem
explicabo quas vel commodi suscipit, itaque, cupiditate nobis repudiandae aut odio facilis aperiam magni dignissimos eos. Quidem voluptatem quisquam deserunt officiis repellat accusantium quod ab facilis?</p>
<h1>Question 7</h1>
<p>Create another .html file that contains a heading and a couple of paragraphs. You could name this new file another_page.html, and you should place it into the same folder where your first .html is. After you have created the new .html page, add a
link to the first page so that the browser will load another_page.html when you click the text Go to the other page. in the first page. You need to use the <a> and </a> tags in this exercise. Inside the tag <a> you need to use a href attribute that specifies which page will be loaded when the link is clicked.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum voluptas, maxime quia doloremque molestiae praesentium placeat voluptates beatae temporibus accusantium totam a repellat nobis, unde qui! Tenetur molestiae quibusdam corrupti!
Aspernatur itaque eveniet laboriosam adipisci animi, enim cumque maxime suscipit exercitationem, labore iste debitis reprehenderit laudantium cum facere totam corrupti quia soluta, ut doloremque aperiam voluptatem nisi explicabo illo. Quam.
Officia animi debitis quia quis eos, eum sint soluta ducimus repellendus? Sint enim quisquam dignissimos, perspiciatis eligendi corrupti obcaecati a blanditiis expedita iusto ex ipsam. Aut, voluptatem. Nesciunt, blanditiis maxime!
Tempore omnis impedit accusamus quidem. Nemo excepturi libero veniam facilis nihil nesciunt quasi. Similique ipsum, distinctio voluptate reiciendis, adipisci laboriosam aspernatur accusantium nisi ipsam quasi quis quaerat expedita aperiam quidem?
Nostrum placeat cupiditate expedita est beatae quod, tenetur similique culpa ipsa aperiam debitis soluta minima nemo numquam? Nam amet quas optio delectus animi vel! Est autem voluptate voluptas alias ratione?
Dicta quos aliquid, voluptatibus nam iure omnis praesentium eos quod eius, aspernatur optio fugit? Optio esse eius sequi id culpa officiis velit fugiat laudantium provident ullam, expedita incidunt tenetur eaque.
Praesentium ipsam dolores sint exercitationem. Adipisci quam, animi temporibus dolor laborum eaque ab voluptatum quo excepturi autem doloribus ea sapiente repellat eveniet voluptatibus velit? Reprehenderit perferendis aperiam nisi non recusandae.
Sunt earum rerum exercitationem totam nulla temporibus quos eligendi dolorum odio harum quod cum dignissimos aut incidunt sit recusandae animi dicta minima nobis neque ipsa in, architecto eaque! Eaque, quis.
Culpa, odio cumque aperiam eius ut repellendus dolor dolorum totam voluptate quisquam, autem nobis labore, tempore ipsam quos beatae aliquam debitis optio. Saepe, dicta consequuntur deserunt numquam tempore mollitia quam!
Unde praesentium quisquam neque velit laboriosam. Animi cum explicabo harum fugit ut ex quod accusantium consequatur atque cumque, veniam nobis minus a fugiat laborum nam debitis, assumenda suscipit similique doloribus.</p>
<h1>Question 8 </h1>
<h3><a href="./external.html" title="This leads to the Next Page">Go to the next Page</a></h3>
<a href="https://en.wikipedia.org/wiki/Veil_Nebula"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRS_AIlBAbw82VZgNpAn_a-0UNUwWK2nZUXXA&usqp=CAU" alt="nebula"></a>
</body>
</html>