Saturday, May 16, 2015

HTML PAGES WITH FRAMES, LINKS, TABLES

Aim:
            To create a HTML pages with frames, links, tables and other tags.


Algorithm:


  1. Create a HTML page using <table> tag which displays the content.
  2. Create another HTML page using <OL>,<UL> and <LI> tags which displays the content in the list format.
  3. Create another HTML page with frames which combines more than one HTML pages.
  4. Execute the frame page, feel as dynamic page having more than one page in a single page.
Program:

frame.html
<html>
            <frameset cols="20%,80%">
                        <frame src="page1.html">
                        <frameset rows="35%,65%">
                                    <frame src="page2.html">
                                    <frame src="page3.html">
                        </frameset>
            </frameset>
</html>

page1.html

<HTML>
            <HEAD>
                        <TITLE></TITLE>
            </HEAD>
            <BODY>
                        <TABLE BORDER="0" WIDTH="100%">
                                    <TD>
                                      <TR>
                                        <P>This is a simple HTML Page</p>
                                      </TR>
                                    </TD>
                        </TABLE>
            </BODY>
</HTML>

 

page2.html


<HTML>
            <HEAD>
                        <TITLE>Home Page</TITLE>
            </HEAD>
            <BODY bgcolor="silver">
                        <H1 align="center">Mailam Engineering College</H1>
                        <H2 align="center">Mailam,Villupuram-dist</H2>
                        <H3 align="center">Afflicated to Anna Univerisity - Chennai</H3>
            </BODY>
</HTML>
 page3.html
<HTML>
            <HEAD>
                        <TITLE>Home Page</TITLE>
            </HEAD>
            <BODY bgcolor="silver">
                        <H2>Courses Offered</H2>
                        <ul>
                        <li>UG Courses</li>
                        <OL>
                                    <LI>CSE</LI>
                                    <LI>EEE</LI>
                                    <LI>ECE</LI>
                                    <LI>IT</LI>
                        </Ol>
                        <li>PG Courses</li>
                        <oL>
                                    <LI>CSE</LI>
                                    <LI>PED</LI>
                                    <LI>ED</LI>
                                    <LI>CS</LI>
                        </ol>
                        </ul>
            </BODY>
</HTML>


No comments:

Post a Comment