11)Write HTML and CSS code to design a web page displaying list of hyperlinks. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into two columns. The frame on the left will be a menu consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information as a new page which must be open in frame on the right hand side.Use Internal style sheet with appropriate attributes to display information of each frame.


Main frame Scripting

<html>
<frameset rows=”50,*”>
<frame src=”f1.html”>
<frameset cols=”20%,*”>
<frame src=”f2.html”>
<frame name=”frm3?>
</frameset>
</frameset>
</html>

India contry page scripting

<html>
<head>
<link rel=stylesheet href=”f1.css”>
</head>
<body>
<h1>One Day Cricket Match Score Bord:-</h1>
<table border=2>
<tr>
<td >Player_Name</td>
<td >No.Of.Matches Played</td>
<td >No Of Innings Played</td>
<td >Score</td>
<td >Average</td>
</tr>
<tr>
<td>Sachin Tendulkar</td>
<td>325</td>
<td>320</td>
<td>1445</td>
<td>45.43</td>
</tr>
<tr>
<td>Rahul Dravid</td>
<td>310</td>
<td>280</td>
<td>10450</td>
<td>38.12</td>
</tr>
<tr>
<td>Anil Kumble</td>
<td>312</td>
<td>160</td>
<td>400</td>
<td>10</td>
</tr>
<tr>
<td>Dhoni</td>
<td>250</td>
<td>200</td>
<td>4000</td>
<td>30</td>
</tr>
</body>
</html>

England country page scripting

<html>

<head>
<link rel=stylesheet href=”f1.css”>
</head>
<body>
<h1>One Day Cricket Match Score Bord:-</h1>
<table border=2>
<tr>
<td >Player_Name</td>
<td >No.Of.Matches Played</td>
<td >No Of Innings Played</td>
<td >Score</td>
<td >Average</td>
</tr>
<tr>
<td>a</td>
<td>325</td>
<td>320</td>
<td>1445</td>
<td>45.43</td>
</tr>
<tr>
<td>b</td>
<td>310</td>
<td>280</td>
<td>10450</td>
<td>38.12</td>
</tr>
<tr>
<td>c</td>
<td>312</td>
<td>160</td>
<td>400</td>
<td>10</td>
</tr>
<tr>
<td>D</td>
<td>250</td>
<td>200</td>
<td>4000</td>
<td>30</td>
</tr>
</body>
</html>
Srilanka country page scripting

<html>

<head>
<link rel=stylesheet href=”f1.css”>
</head>
<body>
<h1>One Day Cricket Match Score Bord:-</h1>
<table border=2>
<tr>
<td >Player_Name</td>
<td >No.Of.Matches Played</td>
<td >No Of Innings Played</td>
<td >Score</td>
<td >Average</td>
</tr>
<tr>
<td>e</td>
<td>325</td>
<td>320</td>
<td>1445</td>
<td>45.43</td>
</tr>
<tr>
<td>f</td>
<td>310</td>
<td>280</td>
<td>10450</td>
<td>38.12</td>
</tr>
<tr>
<td>g</td>
<td>312</td>
<td>160</td>
<td>400</td>
<td>10</td>
</tr>
<tr>
<td>h</td>
<td>250</td>
<td>200</td>
<td>4000</td>
<td>30</td>
</tr>
</body>
</html>

Hyperlink page scripting

<html>
<head>
<link rel=stylesheet href=”f1.css”>
</head>
<body>
<h1>Country</h1>
<ol>
<li><a href=”f3.html” target=”frm3?>India</a>
<li><a href=”f4.html” target=”frm3?>England</a>
<li><a href=”f5.html” target=”frm3?>SriLanka</a>
</ol>
</body>
</html>

Heading page scripting

<html>
<head>
<link rel=stylesheet href=”f1.css”>
</head>
<body>
<p>Player Details<p>
</body>
</html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s