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
