Sop 1 & 2
Sop 1 & 2
Index.html
<!Doctype html>
<html>
<head>
<title>
Tata Group
</title>
<style>
h1{border-style:dotted}
p{color:rd;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>6% 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>
<i>Tata Code of Conduct</i>
<h3>Image of Tata Industries</h3>
<img src="tata.jpg" width="200" height="250" alt="Tata Industries">
<br><br>
<a href="Second.html">Second Page</a>
</body>
</html>
Output
Second.html
<!Doctype html>
<html>
<head>
<title>
Forms
</title>
<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>
Output
Creation of website using HTML and CSS code of design
webpage.
Page1.html
<!Doctype html>
<html>
<head>
<title>
Tourist Places
</title>
<style>
section{background-color:pink;width:50%;float:right}
aside{width:50%;float:left}
ol{font-style:italic;font-size:15pt}
ul{font-weight:bold;font-size:20pt}
</style>
</head>
<body>
<header style="background-color:skyblue;heigt:100pt">
<h1 align="center">Tourist Places</h1>
</header>
<br>
<aside>
<h3>City</h3>
<ol>
<li>Pune</li>
<li>Banglore</li>
<li>Hydrabad</li>
<li>Delhi</li>
</ol>
</aside>
<section>
<h3>Tourist places in Pune</h3>
<ul>
<li>Shanivarwada</li>
<li>Kelkar Museum</li>
<li>Sinhgad Fort</li>
<li>Aga Khan Palace</li>
</ul>
</section>
</body>
</html>
Output