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
[Link] 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="/[Link]">Home</a> |
<a href="/[Link]">About</a> |
<a href="/[Link]">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="[Link]"/>
</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: