-
Notifications
You must be signed in to change notification settings - Fork 0
/
Week 2 Assignment.html
122 lines (119 loc) · 4.82 KB
/
Week 2 Assignment.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
<!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>Week 2 Assignment</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<style>
table,th,td{
border: 1px solid black;
}
body {background-color: powderblue;}
tr:hover {background-color: #D6EEEE;}
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: black;
font-family: courier;
font-size: 160%;
}
</style>
<body>
<div>
<h1>What is DOCTYPE?</h1>
<p>
Doctype HTML is a declaration that tells the browser what version of HTML the document is written in. This declaration appears as the very first line in an HTML file.
The HTML <!DOCTYPE> declaration is not an HTML element or tag. It is an instruction that tells the browser what type of document to expect.
All HTML documents need to start with a <!DOCTYPE> declaration. The declaration varies depending on what version of HTML the document is written in.
</p>
<h1>What is HTML?</h1>
<p>
HTML (HyperText Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables. As the title suggests, this article will give you a basic understanding of HTML and its functions.
</p>
<h1>What is HEAD?</h1>
<p>
The head element is a container for metadata (data about data) and is placed between the html tag and the body tag.Metadata is data about the HTML document. Metadata is not displayed.
Metadata typically define the document title, character set, styles, scripts, and other meta information.
</p>
<h1>What is BODY?</h1>
<p>
The body tag defines a web page content (text, images, links, etc.). It is placed inside the html element, after the head element. In an HTML document, we can use only one body tag.
</p>
<p>
You can find all these information <a href="https://www.w3schools.com/html/default.asp">here</a>
</p>
<img src="https://images.unsplash.com/photo-1491466424936-e304919aada7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80" alt="Unsplash Photos" width="500px" height="454">
</div>
<hr />
<div>
<table>
<tr>
<th>World Biggest Polluters</th>
<th>Million Metric Tons Per Year</th>
</tr>
<tr>
<td>China</td><td>10,357</td>
</tr>
<tr>
<td>USA</td><td>5,414</td>
</tr>
<tr>
<td>India</td><td>2,274</td>
</tr>
<tr>
<td>Russia</td><td>1,617</td>
</tr>
<tr>
<td>Japan</td><td>1,237</td>
</tr>
<tr>
<td>Germany</td><td>798</td>
</tr>
<tr>
<td>Iran</td><td>648</td>
</tr>
<tr>
<td>Saudi Arabia</td><td>601</td>
</tr>
<tr>
<td>South Korea</td><td>592</td>
</tr>
<tr>
<td>Canada</td><td>557</td>
</tr>
</table>
<p>
Source:<a href="http://www.globalcarbonatlas.org/en/CO2-emissions">Global Carbon Atlas</a>
</p>
</div>
<hr />
<h2>Create Your Account</h2>
<form action="/action_page.php">
<label for="Name">Name</label><br>
<input type="Name" id="Name" name="Name" required /><br>
<label for="Email ID">Email ID</label><br>
<input type="Email" id="Email ID" name="Email ID" required /><br>
<label for="Username">Username</label><br>
<input type="Username" id="Username" name="Username"required /><br>
<label for="Password">Password</label><br>
<input type="Password" id="Password" name="Password"required /><br>
<label for="Confirm Password">Confirm Password</label><br>
<input type="Confirm Password" id="Confirm Password" name="Confirm Password"required /><br>
<br>
<button type="Clear Form" onclick="alert('Cleared')">Clear Form</button><br>
<br>
<button type="Create Account" onclick="alert('Thank you for Submitting')">Create Account</button><br>
<br>
</form>
<form>
<label for="Search">Search:</label><br>
<input type="text" id="Search" name="Search" required />
<button onclick="https://www.bing.com/search?q=ferrari'">Bing</button>
</body>
</html>