Scribd
Upload
233 views12 pages

Design Following Frame: Main Menu Lists Tables Frames Explanation - View Example Example

The document describes how to code a multi-frame web page layout using HTML frames. It includes code for the main menu page with links to examples of lists, tables, and frames. It then provides code and explanations for individual pages showing examples of ordered and unordered lists, tables, and frames.

Uploaded by

Claira Banik
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
233 views12 pages

Design Following Frame: Main Menu Lists Tables Frames Explanation - View Example Example

The document describes how to code a multi-frame web page layout using HTML frames. It includes code for the main menu page with links to examples of lists, tables, and frames. It then provides code and explanations for individual pages showing examples of ordered and unordered lists, tables, and frames.

Uploaded by

Claira Banik
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/ 12

ASSIGNMENT 18

Design following frame:

MAIN MENU Explanation


-----------
Lists -----------
Tables View Example
Frames Example

Page 1

Coding

<html>

<head>

<title>Puneet 449 Assignment 18</title>

</head>

<frameset cols = "40%,60%">

<frame name = "1" src =


"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(1).htm">

<frameset rows = "50%,50%">

<frame name = "2">

<frame name = "3">

</frameset>

</frameset>

</html>
Output

Page 2

Coding

<html>

<head>

<title>assignment 18(1)</title>

</head>

<body>

<h1 align = "center">MAIN MENU</h1>

<pre>

<h3>
<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(2).htm" target = "2">LIST</a>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(3).htm" target = "2">TABLES</a>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(4).htm" target = "2">FRAMES</a></h3>

</pre>

</html>

</body>

Output
Page 3

Coding

<html>

<head>

<title>assignment 18(2)</title>

</head>

<body>

<h1 align = "center">LIST EXPAINATION</h1>

<pre>

Lists are used to group together related pieces of information so they are clearly associated with
each other and easy to read. In modern web development, lists are workhorse elements,
frequently used for navigation as well as general content.

Lists are good from a structural point of view as they help create a well-structured, more
accessible, easy-to-maintain document. They are also useful because they provide specialized
elements to which you can attach CSS styles. Finally, semantically correct lists help visitors read
your web site, and they simplify maintenance when your pages need to be updated.

The Two types are:

1) Ordered list

2) Unordered list
</pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(5).htm" target = "3">EXAMPLE</a>

</body>

</html>

Output

Page 4

Coding

<html>

<head>

<title>assignment 18(3)</title>

</head>
<body>

<h1 align = "center">TABLE EXPLANATION</h1>

<pre>

A table is an arrangement of information in a rectangular grid. Some tables can be complex, and
for complex tables different browsers can give different results.

When you design your document, use a table to express the relationships among the pieces of
information. Then it does not matter if different browsers present the

information in slightly different ways, because the meaning is still clear.

</pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(6).htm" target = "3">EXAMPLE</a>

</body>

</html>
Output:

Page 5

Coding

<html>

<head>

<title>Assignemnt 18(4)</title>

</head>

<body>

<h1 align = "center">FRAMES</h1>

<pre>

In creating a Web site, frames is the use of multiple, independently controllable sections on a
Web presentation.
This effect is achieved by building each section as a separate HTML file and having one
"master" HTML file identify all of the sections.

When a user requests a Web page that uses frames, the address requested is actually that of the
"master" file that defines the frames; the result

of the request is that multiple HTML files are returned, one for each visual section.

Links in one frame can request another file that will appear in another (or the same) frame.

A typical use of frames is to have one frame containing a selection menu in one frame and
another frame that contains the space where the selected (linked to) files will appear.

</pre>

<a href =
"file:///C:/Users/WELCOME/Desktop/kitu%20iitm/sem%204/computer%20application/lab/chro
me%20files/assignment%2018(7).htm" target = "3">EXAMPLE</a>

</body>

</html>

Output:
Page 6

Coding:

<html>

<head>

<title>assignment 18(5)</title>

</head>

<body>

<pre>

<ul>

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li>

</ul>

<ol type = "i">

<li>bread</li>

<li>coffee beans</li>

<li>milk</li>

<li>butter</li>

</ol>

</pre>

</body>

</html>
Output:

Page 7

Coding

<html>

<head>

<title>assignment 18(6)</title>

</head>

<body>

<table border = "3">

<tr>

<td rowspan = "2">university</td>

<td>college</td>

</tr>

<tr>
<td>student</td>

</tr>

</table>

</body>

</html>

Output

Page 8

Coding

<html>

<head>

<title>Assignment 18(7)</title>

<frameset cols = "50%,50%">

<frameset rows = "30%,40%,30%">

<frame name = "1">


<frame name = "2">

<frame name = "3">

</frameset>

<frame name = "4">

</frameset>

</html>

Output

You might also like