-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathday-1.html
92 lines (77 loc) · 2.44 KB
/
day-1.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Metadata using <meta> tag -->
<meta name="author" content="Tarun Jawla">
<meta name="description" content="Day-1 Code of ILP Training by Wisflux">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello World</title>
<link rel="stylesheet" href="day-1.css">
</head>
<body>
<p>Hello, World!</p>
<!-- Heading Tags in HTML -->
<h1>I'm the most important</h1>
<h2>I'm less important!</h2>
<h6>I'm the least important</h6>
<!-- Horizontal rulers -->
<h3>This is a Heading</h3>
<hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, harum.</p>
<!-- Links -->
<a href="https://www.google.com">Go to google</a>
<h2>This is green div</h2>
<a href="#blue">Go to blue!</a>
<div id="green" style="background-color: #00a000"></div>
<h2>This is blue div</h2>
<a href="#green">Back to green!</a>
<div id="blue" style="background-color: #0000a0"></div>
<!-- Lists in HTML -->
<h3>My favorite foods/drinks list.</h3>
<ul style="list-style-type: disc">
<li>Foods
<ol type="1">
<li>Egg</li>
<li>Sushi</li>
</ol>
</li>
<li>Drinks
<ol type="1">
<li>Apple Juice</li>
<li>Coffee</li>
</ol>
</li>
</ul>
<!-- Images in HTML -->
<img
src="Day-1/media/0266554465.jpeg"
width="50%"
height="50%"
onload="alert('task complete')"
/>
<!-- Classes -->
<p id="mytext">My text</p>
<!-- Selectors -->
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
<h1 class="center">Red and center-aligned heading</h1>
<p class="center">Red and center-aligned paragraph.</p>
<p>Every element on the page will be affected by the style.</p>
<p id="para2">Me too!</p>
<p>And me!</p>
<!-- Form in HTML -->
<form action="#" method="POST">
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required><br><br>
<label for="name">Name:</label><br>
<input type="text" id="name" name="name" required><br><br>
<label for="password">Password:</label><br>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="Submit">
</form>
<!--HTML import using Object-->
<object type="text/html" data="imports.html" width="800px" height="600px"></object>
<script src="day.js"></script>
</body>
</html>