Scribd
Upload
5 views7 pages

Assignment 2

The document is a practical lab file for B.Tech II Year students at the National Institute of Technology Jamshedpur, focusing on HTML coding exercises. It includes examples of creating a frameset, using inline CSS, internal CSS, and external CSS, with corresponding code snippets and explanations. The lab file is authored by a student named Adarsh Kumar.

Uploaded by

avinashchandel223
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
5 views7 pages

Assignment 2

The document is a practical lab file for B.Tech II Year students at the National Institute of Technology Jamshedpur, focusing on HTML coding exercises. It includes examples of creating a frameset, using inline CSS, internal CSS, and external CSS, with corresponding code snippets and explanations. The lab file is authored by a student named Adarsh Kumar.

Uploaded by

avinashchandel223
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/ 7

NATIONAL INSTITUTE OF TECHNOLOGY JAMSHEDPUR

(An Institution of National Importance under MHRD, Government of India)


Department of Computer Science and Engineering

Professional Lab-1 (CS1409)

Practical Lab File

B.Tech II Year-4th Semester(2023-24)

Department of Computer Science and Engineering


National Institute of Technology, Jamshedpur
Jamshedpur-831014

Name: Adarsh Kumar


Roll: 2022UGCS090
1. Write an HTML code to create a frameset having header,
navigation and content section.

CODE:
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML Navigation</title>
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
</header>
<nav>
<a href="/home.html">Home</a> |
<a href="/about.html">About</a> |
<a href="/contact.html">Contact</a>
</nav>
<main>
<h2>Main Content</h2>
<p>This is the main content area of the page.</p>
</main>
</body>
</html>

Output:
2. Write an HTML code to demonstrate the use of inline css
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>External CSS</title>
</head>
<body>
<style>
</style>
<div style="text-align: center; font: bold;">
<h1><u>FUN FACT</u></h1>
</div>
<div style="color: blue;">
<p>
A fun fact about the Golden State Warriors is that
they hold the record for the most wins in a regular NBA season.
During the 2015-2016 season, the Warriors achieved a remarkable 73-9
record,
surpassing the previous record of 72 wins set by the 1995-1996 Chicago
Bulls.
Despite this impressive feat, the Warriors fell short in the NBA Finals
that year,
losing to the Cleveland Cavaliers.
</p>
</div>
</body>
</html>
Output:
3. Write an HTML code to demonstrate the use of internal css
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>External CSS</title>
</head>
<body>
<style>
*{
background-color: antiquewhite;
}
.head{
text-align: center;
font: bold;
font-family: cursive;
color: brown;
font-size: larger;

}
.para{
font-size: larger;
font-family: monospace;
font-style: italic;
color: darkblue;
padding-left: 20px;
padding-right: 20px;
}
</style>
<div class="head">
<h1><u>FUN FACT</u></h1>
</div>
<div class="para">
<p>
A fun fact about the Golden State Warriors is that
they hold the record for the most wins in a regular NBA season.
During the 2015-2016 season, the Warriors achieved a remarkable 73-9
record,
surpassing the previous record of 72 wins set by the 1995-1996 Chicago
Bulls.
Despite this impressive feat, the Warriors fell short in the NBA Finals
that year,
losing to the Cleveland Cavaliers.
</p>
</div>
</body>
</html>
OUTPUT:

4. Write an HTML code to demonstrate the use of external css


Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>External CSS</title>
<link rel="stylesheet" href="ext.css"/>
</head>
<body>
<div class="head">
<h1><u>FUN FACT</u></h1>
</div>
<div class="para">
<p>
A fun fact about the Golden State Warriors is that
they hold the record for the most wins in a regular NBA season.
During the 2015-2016 season, the Warriors achieved a remarkable 73-9
record,
surpassing the previous record of 72 wins set by the 1995-1996 Chicago
Bulls.
Despite this impressive feat, the Warriors fell short in the NBA Finals
that year,
losing to the Cleveland Cavaliers.
</p>
</div>
</body>
</html>
*{
background-color: antiquewhite;
}
.head{
text-align: center;
font: bold;
font-family: cursive;
color: brown;
font-size: larger;

}
.para{
font-size: larger;
font-family: monospace;
font-style: italic;
color: darkblue;
padding-left: 20px;
padding-right: 20px;
}

OUTPUT:

You might also like