Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

SOP 1 Question:

Create a website using HTML5 and CSS using any 4


CSS properties. Write a code for two separate pages
having different file names such as first page as
Index.html and second page as page2.htm. Every page
must contain proper Meta data information and design
as follows-
The Index page must contain a heading which is highest
among other text on pages and must be at the centre of
the page. There must be a paragraph which introduces
general information about the theme and atleast 3 style
tags and one image with alternate text. Page must be
connected with proper navigational links.
The second page as second.html must contain a
feedback or enrollment form related with theme chosen
features of HTML5. The form must contain text element
and and email address of the company or person.
Include the Submit Button.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Tata Group</title>
<meta charset="utf-8">
<meta name="author" content="Physical Tags">
<style>
h1{border-style:dotted}
p{color:red;font-size:15pt}
body{background-color:pink}
b{text-decoration:overline}
u{text-align:right}
</style>
</head>
<body>
<h1 align="center">Tata sons Private Limited</h1>
<p>
66% of the equity share capital of Tata Sons is held by
philanthropic trusts, which support education, health,
livelihood generation, and art and culture. Each Tata company
or enterprise operates independently under the guidance and
supervision of its own Board of Directors,
</p>
<b>Governance Philosophy</b><br><br>
<i>Tata Code of Conduct</i><br><br>
<u>Tata Business Excellence Model (TBEM}</u><br><br>
<h3>Image of Tata Industries</h3>
<img src="Tata Industries.jpg"width="200"
height="250" alt="Tata Industries">
<br><br>
<a href="second.html">Second Page</a>
</body>
</html>
second.html
<!DOCTYPE html>
<html>
<head>
<title>
Forms
</title>
<meta charset="utf-8">
<meta name="author" content="Form">
<style>
h1{border-style:dashed)
body{background-color:aqua)
</style>
</head>
<body>
<h1 align="center">Enrollment Form</h1>
<form name="f1">
Enter Your Name
<input type="text" name="t1" required>
<br><br>
Enter your Email ID
<input type="email" name="emailid"><br><br> <input
type="submit" name="submitbtn" value="Submit">
</form>
<a href="index.html">First Page</a>
</body>
</html>

You might also like