Skill Set 2 – HTML5
Title of sop: - My First Web Page
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body bgcolor="green" text="red">
<h1>My First Web Page</h1>
<hr>
<b>Name: Name of Student</b><br>
<i>Address : Address of student</i><br>
Standard: 11<sup>th</sup>
</body>
</html>
Explain the terms given below:-
Bgcolor-
Text-
<hr> -
<b> -
<i> -
<sup> -
----***END***----
Title of sop: - Scientist Profile
<!DOCTYPE html>
<html>
<head>
<title>My Favorite Albert Einstein</title>
</head>
<body>
<img src="images/Albert_Einstein_Head.jpg" alt="Albert Einstein"
width="250">
<p>Albert Einstein (1879–1955) was a German-born theoretical physicist who
developed the theory of relativity, one of the two pillars of modern physics. His
famous equation, <b>E = mc²</b> established the relationship between mass
and energy. Einstein’s work revolutionized our understanding of space, time,
and gravity, and he received the Nobel Prize in Physics in 1921 for his
explanation of the photoelectric effect. </p>
<!-- Table of Inventions/Contributions -->
<h2 align="center">Major Contributions of Albert Einstein</h2>
<table border="2" cellpadding="5" align="center">
<tr>
<th>Contribution</th>
<th>Description</th>
</tr>
<tr>
<td>Special Relativity</td>
<td>Introduced in 1905, it explained the relationship between space and
time.</td>
</tr>
<tr>
<td>General Relativity</td>
<td>Published in 1915, it described gravity as the curvature of spacetime.</td>
</tr>
<tr>
<td>Photoelectric Effect</td>
<td>Explained how light can eject electrons from a material, leading to
quantum theory.</td>
</tr>
<tr>
<td>Brownian Motion</td>
<td>Provided evidence for the existence of atoms by explaining random
particle movement.</td>
</tr>
<tr>
<td>Bose–Einstein Statistics</td>
<td>Developed with Satyendra Nath Bose, describing the behavior of bosons at
low temperatures.</td>
</tr>
</table>
</body>
</html>
Explain the terms given below:-
<img> -
SRC –
ALT –
<p> –
<table> –
Cellpadding –
<tr> –
<th> –
<td> – ----***END***----
Title of SOP: - Application Form
<!DOCTYPE html>
<html>
<head>
<title>Application Form</title>
</head>
<body>
<h1 align="center">Application Form</h1>
<form action="#" method="post">
Name: <input type="text" name="name" placeholder="Enter your name"
required> <br><br>
Standard : 11<sup>th</sup> <input type="radio" name="standard"
value="11th" required>
12<sup>th</sup> <input type="radio" name="standard" value="12th">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Explain the terms given below:-
<form> -
Method –
Action –
<input> -
Type = “text”
Type = “radio”
Type =”submit”
----***END***----
Title of SOP: - Details about a class ([Link])
<!DOCTYPE html>
<html>
<head>
<title>Class Details</title>
</head>
<body>
<h1 align="center">Class Details</h1>
<table border="1" cellpadding="8" cellspacing="0" align="center"
width="50%">
<tr bgcolor="orange">
<th>Number of Students</th>
<th>Boys</th>
<th>Girls</th>
</tr>
<tr align="center" bgcolor="lightGreen">
<td>100</td>
<td>50</td>
<td>50</td>
</tr>
</table>
<!-- Link to another page -->
<a href="[Link]">Go to Demo page</a>
</body>
</html>
[Link]
<!DOCTYPE html>
<html>
<head>
<title> Demo page</title>
</head>
<body>
<h2>STD - XI</h2>
<b><i>Stream - Science</i></b>
<p><u>Div - A</u></p>
<!-- Link to main page -->
<a href="html5_4.html">Back to main page</a>
</body>
</html>
Explain the terms given below:-
<u> -
<a> -
HREF –
Cellspacing –
----***END***----