Scribd
Upload
1 views5 pages

Pulkit Jain

Uploaded by

pulkitjain254
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
1 views5 pages

Pulkit Jain

Uploaded by

pulkitjain254
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

ECOM LAB

ASSIGNMENT 1

QUESTION 1. Create a simple HTML webpage that includes the basic structure, headings,
paragraphs, and lists..

ANSWER

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Simple HTML Webpage</title>

</head>

<body>

<header>

<h1>Welcome to My Simple Webpage</h1>

</header>

<nav>

<ul>

<li><a href="#section1">Section 1</a></li>

<li><a href="#section2">Section 2</a></li>

<li><a href="#section3">Section 3</a></li>

</ul>

</nav>

<main>

<section id="section1">

<h2>Section 1</h2>

<p>This is the first section of the webpage. Here's a paragraph introducing the content.</p>

<ul>
<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

</section>

<section id="section2">

<h2>Section 2</h2>

<p>This is the second section of the webpage. Another paragraph goes here.</p>

<ol>

<li>First item</li>

<li>Second item</li>

<li>Third item</li>

</ol>

</section>

<section id="section3">

<h2>Section 3</h2>

<p>This is the third section of the webpage. Yet another paragraph to complete the
content.</p>

<ul>

<li>Apple</li>

<li>Orange</li>

<li>Banana</li>

</ul>

</section>

</main>

<footer>

<p>&copy; 2024 Simple HTML Webpage</p>

</footer>

</body>

</html>
QUESTION 2. Explore advanced text formatting in HTML by incorporating features like bold,
italics, underlining, and text alignment..
ANSWER
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Advanced Text Formatting</title>
<style>
/* CSS for text alignment */
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
</style>
</head>
<body>

<!-- Bold, Italics, and Underline -->


<p>This is <b>bold</b>, <i>italic</i>, and <u>underlined</u> text.</p>

<!-- Text Alignment -->


<div class="text-center">
<p>This paragraph is centered.</p>
</div>

<div class="text-right">
<p>This paragraph is aligned to the right.</p>
</div>

</body>
</html>

You might also like