Scribd
Upload
9 views5 pages

WD - PDF V

The document contains two practical exercises focused on HTML. The first exercise demonstrates the use of various HTML tags to create a simple webpage, while the second aims to design an index page for a book on web designing. Both exercises include HTML code snippets showcasing different elements such as headers, sections, articles, and tables.

Uploaded by

sanjeetsinghaniya18
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
9 views5 pages

WD - PDF V

The document contains two practical exercises focused on HTML. The first exercise demonstrates the use of various HTML tags to create a simple webpage, while the second aims to design an index page for a book on web designing. Both exercises include HTML code snippets showcasing different elements such as headers, sections, articles, and tables.

Uploaded by

sanjeetsinghaniya18
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/ 5

Practical 01

Aim: Create a simple HTML page to demonstrate the use of different tags.
Ans.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Tags Demonstration</title>
</head>
<body>
<header>
<h1>This is a Header</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>

<main>
<section>
<h2>Section Title</h2>
<p>This is a paragraph within a section.</p>
</section>

<article>
<h2>Article Title</h2>
<p>This is a paragraph within an article.</p>
</article>

<aside>
<h2>Aside Section</h2>
<p>This is an aside content.</p>
</aside>
</main>

<footer>
<p>&copy; 2024 Example Company. All rights reserved.</p>
</footer>
</body>
</html>

OUTPUT
Practical 02

Aim: Design index page of a book on web designing

Input
<!DOCTYPE html>
<htm>
<head>
<title>create index</title>
</head> <style>
h2{ text-align:
center;
}
h1 {
text-align: center;
}
p{
background-color: blanchedalmond;
font-size: 30; padding:50;
margin: auto;

} table{
font-size :50,20,30;
color: rgb(2, 1, 1);

} caption{
text-size-adjust: 40%;
background-color: blue;
color:white;
}
</style>
<body>
<h1>Experiment 02</h1>
<p><b>Aim:Design index page of a book on web designing.</b></p>

<body>

<table border="1" align="center">


<caption>INDEX</caption>
<tr align="center">
<td>Sr. No</td>
<td>Name of experiment's</td>
</tr>
<tr>
<td>1</td>
<td></td>
<tr>
<td>2</td>
<td>Design index page of a book on web designing.</td>
<tr>
<td>3</td>
<td>Display Letter Head of your college on a web page</td>
<tr>
<td>4</td>
<td>Create a Hyperlink to move around within a single page rather than to
load
another page</td>
<tr>
<td>5</td>
<td>Display letter using different Text formatting Tags.</td>
<tr>
<td>6</td>
<td>Design Time Table of your department and highlights of most
important periods.</td>
</tr>
</tr>
</tr>
<
</tr>
</tr>
</tr>
</table>
</body> OUTPUT

You might also like