Sunteți pe pagina 1din 5

Exp.

No: 1B CREATION OF HTML DOCUMENT USING


FRAMESET
Date:
QUESTION SCENARIO: Create a html document that has 2 frames in one column.
The top frame which must be 20% of the column must have 4 links to other documents.
The bottom frame will display those documents. The links must be names of car and the
description must be atleast 5 line description of that particular car.

AIM: To create a HTML document using Frameset.


TAGS:
TAGS DESCRIPTION
<frameset> Tag used to holds one or
more <frame> elements.
<frameset cols=” “> Tag used to specifies the number and size of
columns in a frameset.
<frame> Tag used to defines one particular window
(frame) within a <frameset>.
<frame src=” “> Tag used to specifies the URL of the
document to show in a frame.
<p> Tag used to define a paragraph.
<ol> Tag used to define an ordered list.
<li> Tag used to define a list item.
<a href=” “> Tag used to specifies the URL of the page
the link goes to.
<h2> Tag used to define HTML heading.

PROGRAM:
Mainpage.html
<!DOCTYPE html>
<head>
<title>
Cars
</title>
</head>
<frameset cols="20%,*">
<frame src="Carnames.html"></frame>
<frame src="Content.html" name="desc"></frame>
</frameset>
</html>

Carnames.html

<!DOCTYPE html>

IT17511 171001046
<html>
<head>
<title>
Carnames
</title>
</head>
<body>
<h2>Cars</h2>
<ol>
<li><a href="Kuv.html" target="desc">Mahindra KUV</a></li>
<li><a href="Verna.html" target="desc">Hyundai Verna</a></li>
</ol>

</body>
</html>

Content.html

<!DOCTYPE html>
<html>
<head>
<title>Car Description</title>
</head>
<body>
<h2>Description</h2>
<p>A car is a wheeled motor vehicle used for transportation. Cars are the most
popular mode of transport. It's used since the 20th century. Cars have controls for driving,
parking, passenger comfort, and a variety of lights. Over the decades, additional features
and controls have been added to vehicles, making them progressively more complex.
These include rear reversing cameras, air conditioning, navigation systems, and in-car
entertainment. Most cars in use in the 2010s are propelled by an internal combustion
engine, fueled by the combustion of fossil fuels. Electric cars, which were invented early
in the history of the car, began to become commercially available in 2008.
</p>

</body>
</html>

Kuv.html

<!DOCTYPE html>
<html>
<head>
<title>KUV</title>
</head>
<body>
<h2>Mahindra KUV</h2>
<p>Mahindra KUV100,KUV stands for Kool Utility Vehicle is a compact-Mini
sport utility vehicle automobile designed and manufactured by the Indian Mahindra &
Mahindra.KUV100 has 14 versions available in India. It has 7 Petrol cars and 7 Diesel
IT17511 171001046
cars. It comes in 7 colours. KUV standard features include dual front airbags for the safety
of driver and co-driver, Anti-Lock Braking System (ABS) with Electronic Brake-Force
Distribution (EBD) and front seat belt pretensioners which ensure the safety of all its
occupants.</p>
</body>
</html>

Verna.html

<!DOCTYPE html>
<html>
<head>
<title>
VERNA
</title>
</head>
<body>
<h2>Hyundai Verna</h2>
<p>Hyundai launched the Verna in India inMay 2011,with four engine options
including 1.4-litre petrol and diesel engines as well as 1.6-litre petrol and diesel
engines.The diesel variant has attracted more attention in India.In 2018, the Hyundai
Verna was named Indian Car Of The Year. The 2014 lineup changes include a new set of
alloy wheels for the top end SX variant, projector headlamps, day time running LED lamps
on the exterior. Most importantly, Hyundai has also worked upon the steering and the
suspension. The steering being lighter had made high speed driving a difficult task and so
did the soft suspensions. Dr. Nano introduced a new Composite Assistive C-Spring
Suspension for Hyundai Fluidic Verna for high comfort. Henceforth, all suspension issues
were solved.

</p>

</body>
</html>

IT17511 171001046
OUTPUT:

IT17511 171001046
RESULT: Thus the HTML document using frameset is created successfully.

IT17511 171001046

S-ar putea să vă placă și