Scribd Logo
Upload

Welcome to Scribd!

  • Programs:: Index - HTML

    Uploaded by

    Sruthisree R M
    16 views4 pages
    ex1a

    Original Title

    ex-1a

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    ex1a

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    16 views4 pages

    Programs:: Index - HTML

    Uploaded by

    Sruthisree R M
    ex1a

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Programs :

    Index.html:-
    <html>

    <frameset cols="15%,*">

    <frame src="side.htm">

    <frameset rows="22%,*">

    <frame src="samp.htm">

    <frame src="frame_a.htm" name="frame">

    </frameset>

    </html>

    Frame_a.html :-
    <html>

    <body>

    <h3 style="font-family:serif;">Myself</h3>

    <p style="font-family:courier;text-indent:100px;">I'm an engineering undergraduate currently


    doing my third year in <mark>SSN College of Engineering</mark>.I was born in the southernmost tip
    of India. Later when i was 15 , my family shifted

    to Chennai for my higher studies.To know more about my college , click <a
    href="www.ssn.edu.in">here</a>

    </p>

    <h3 style="font-family:serif;">Schooling</h3>

    <table style="font-family:courier;bordercollapse:collapse;width:300px;height:250px;border:1px
    solid #000000">

    <tr>

    <th><b>School</b></th>

    <th><b>Class</b></th>

    </tr>

    <tr>

    <td>Alpha</td>

    <td>1st-4th</td>
    </tr>

    <tr>

    <td>Adarsh Vidya Kendra</td>

    <td>5th-7th</td>

    </tr>

    <tr>

    <td>Kendriya Vidyalaya</td>

    <td>8th-10th</td>

    </tr>

    <tr>

    <td>Devi Academy</td>

    <td>11th-12th</td>

    </tr>

    </table>

    </body>

    </html>

    Frame2.html :-
    <html>

    <body>

    <h3 style="font-family:"Times New Roman";">Hobbies</h3>

    <p style="font-family:courier;">My hobbies include the following :-</p>

    <ul>

    <li><p style="font-family:courier;">Singing</p></li>

    <li><p style="font-family:courier;">Reading blogs</p></li>

    <li><p style="font-family:courier;">Watching videos on current affairs accross the world</p></li>

    </ul>

    <img src="images/photo.png" width="500" height="300" alt="Hobby" >

    </body>

    </html>

    Frame3.html :-
    <html>

    <body>

    <p>Click on one of the animals to know more about them</p>

    <img src="images/imp2.jpg" width="145" height="126" alt="Animals" usemap="#animalmap">

    <img src="images/pup.jpg" width="145" height="126" alt="Puppy" usemap="#pupmap">

    <img src="images/cat.jpg" width="145" height="126" alt="Kitten" usemap="#kitmap">

    <map name="animalmap">

    <area shape="rect" coords="40,40,82,126" alt="Panda"


    href="https://en.wikipedia.org/wiki/Giant_panda">

    <area shape="rect" coords="124,58,8" alt="Kola" href="https://en.wikipedia.org/wiki/Koala">

    </map>

    <map name="pupmap">

    <area shape="rect" coords="40,40,82,126" alt="Dog" href="https://en.wikipedia.org/wiki/Dog">

    </map>

    <map name="kitmap"><area shape="rect" coords="40,40,82,126" alt="Cat"


    href="https://en.wikipedia.org/wiki/Cat">

    </map>

    </body>

    </html>

    Side.html :-
    <html>

    <body style="background-color:#000000;">

    <p style="padding:5px;">

    <a href="frame_a.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Home</a>

    <br>

    </p>

    <p style="padding:5px;">

    <a href="frame1.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Engineering


    Life</a>

    <br>
    </p>

    <p style="padding:5px;">

    <a href="frame2.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Hobbies</a>

    <br>

    </p>

    <p style="padding:5px;">

    <a href="frame3.htm" target="frame" style="textdecoration:none;color:#ffb3b3">Gallery</a>

    <br>

    </p>

    </body>

    </html>

    You might also like