9)Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The first frame will display the heading. Divide the second frame into two columns The first column will display hyperlinks. After clicking on each hyperlink related information should be displayed in the second column in table format.Use style sheet with appropriate attributes to display information of each frame.


 
F1 scripting[country.html]
<HTML>
<HEAD>
<TITLE>Country</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1>Country </H1>
<OL>
<LI> <A href=”India.html” Target=”Frame3?>India</a></LI>
<LI> <A href=”England.html” Target=”Frame3?>England</a></LI>
<LI> <A href=”SriLanka.html” Target=”Frame3?>SriLanka</a></LI>
</OL>
</BODY>
<HTML>

F2 scripting[England.html]

<HTML>
<HEAD>
<TITLE>England</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1> One Day Cricket Match Score Board :- </H1>
<Table border=”1? cellpadding=”10?>
<Tr>
<Th>Player Name</Th><Th>No. of Matches Played</Th>
<Th>No. of innings Played</Th><Th>Scores</Th>
<Th>Average</Th></Tr>
<Tr>
<Th>Andrew Stross</Th><Th>325</Th>
<Th>320</Th><Th>14545</Th><Th>45.43</Th></Tr>
<Tr>
<Th>Kevin Peterson</Th><Th>310</Th>
<Th>280</Th><Th>10450</Th><Th>38.12</Th></Tr>
<Tr>
<Th>Andrew Flintop</Th><Th>312</Th>
<Th>160</Th><Th>400</Th><Th>10</Th></Tr>
<Tr>
<Th>m. Collingwood</Th><Th>250</Th>
<Th>200</Th><Th>4000</Th><Th>30</Th></Tr>

</Table>
</BODY>
<HTML>

F3 scripting[India.html]

<HTML>
<HEAD>
<TITLE>India</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1>One Day Cricket Match Score Board :- </H1>
<Table border=”1? cellpadding=”10?>
<Tr>
<Th>Player Name</Th><Th>No. of Matches Played</Th>
<Th>No. of innings Played</Th><Th>Scores</Th>
<Th>Average</Th></Tr>
<Tr>
<Th>Sachin Tendulkar</Th><Th>325</Th>
<Th>320</Th><Th>14545</Th><Th>45.43</Th></Tr>
<Tr>
<Th>Rahul Dravid</Th><Th>310</Th>
<Th>280</Th><Th>10450</Th><Th>38.12</Th></Tr>
<Tr>
<Th>Anil Kumble</Th><Th>312</Th>
<Th>160</Th><Th>400</Th><Th>10</Th></Tr>
<Tr>
<Th>Mahendra Singh Dhoni</Th><Th>250</Th>
<Th>200</Th><Th>4000</Th><Th>30</Th></Tr>

</Table>
</BODY>
<HTML>

F4 scripting[Srilanka.html]

<HTML>
<HEAD>
<TITLE>Sri Lanka</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Red;color:White}
</STYLE>
<BODY>
<H1> One Day Cricket Match Score Board :- </H1>
<Table border=”1? cellpadding=”10?>
<Tr>
<Th>Player Name</Th><Th>No. of Matches Played</Th>
<Th>No. of innings Played</Th><Th>Scores</Th>
<Th>Average</Th></Tr>
<Tr>
<Th>Shand Jaysurya</Th><Th>325</Th>
<Th>320</Th><Th>14545</Th><Th>45.43</Th></Tr>
<Tr>
<Th>Mahela Jaywardane</Th><Th>310</Th>
<Th>280</Th><Th>10450</Th><Th>38.12</Th></Tr>
<Tr>
<Th>Chaminda Vas</Th><Th>312</Th>
<Th>160</Th><Th>400</Th><Th>10</Th></Tr>
<Tr>
<Th>Sangakara</Th><Th>250</Th>
<Th>200</Th><Th>4000</Th><Th>30</Th></Tr>

</Table>
</BODY>
<HTML>

F5 scripting[Header.Html]

<HTML>
<HEAD>
<TITLE>Player</TITLE>
</HEAD>
<STYLE Type=”Text/css”>
H1{background-color:Yellow;color:Blue}
</STYLE>
<BODY>
<H1> <center> Player Details </center></H1>
</BODY>
<HTML>

F6 Scripting[Player detail.Html]

<HTML>
<HEAD>
<TITLE>Cricket</TITLE>
</HEAD>

<FrameSet rows=”20%,*”>
<Frame src=”Header.html”>
<FrameSet cols=”20%,*”>
<Frame src=”Country.html”>
<Frame name=”Frame3?>
</FrameSet>
</FrameSet>
<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