0% found this document useful (0 votes)
586 views6 pages

Sop 1 & 2

The document describes the creation of a basic website using HTML and CSS. It includes two HTML pages - an index page providing information about the Tata Group with embedded images and links to a second page, and a second page containing an enrollment form. Styling is applied using CSS for elements like headings, paragraphs, images, and forms.

Uploaded by

MadhuriNikam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
586 views6 pages

Sop 1 & 2

The document describes the creation of a basic website using HTML and CSS. It includes two HTML pages - an index page providing information about the Tata Group with embedded images and links to a second page, and a second page containing an enrollment form. Styling is applied using CSS for elements like headings, paragraphs, images, and forms.

Uploaded by

MadhuriNikam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Creation of website using HTML5

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

You might also like