Scribd Logo
Upload

Welcome to Scribd!

  • WAD Lab (3exps)

    Uploaded by

    sindhub9392
    12 views7 pages
    Web Application development experiments

    Original Title

    WAD Lab(3exps)

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Web Application development experiments

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views7 pages

    WAD Lab (3exps)

    Uploaded by

    sindhub9392
    Web Application development experiments

    Copyright:

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

    Web Application Development Lab

    1.Develop a static web page using HTML tags, List tags, Image
    tags
    <!DOCTYPE html>
    <html>
    <body style = "background-color:rgb(231, 209, 225);">
    <title>
    2/2 Subjects
    </title>
    <h1 style="font-family: Franklin Gothic Medium; font-size: xx-large;
    color: rgb(175, 11, 252); text-align: center;">IInd year AIML-A Timetable</h1>
    <h2 style="color:rgba(243, 68, 15, 0.9);">IInd year AIML Subjects</h2>
    <ol style="font-family:Times New Roman ; color: rgb(7, 161, 223);
    font-size: 22px;">
    <li>Software Engineering</li>
    <li>Web Application Development</li>
    <li>Computer Networks</li>
    <li>Data Warehousing and Data Mining</li>
    <li> Probability and Statistics</li>
    <li>Universal Human Values</li>
    </ol>
    <h2 style="color:rgb(0,0,100)">IInd year AIML Labs</h2>
    <ul style="font-family:Courier New ; color:rgb(223, 15, 160) ; font-
    size: 22px;">
    <li>Web Application Development Lab</li>
    <li>Software Engineering Lab</li>
    <li> Advanced SQL Lab</li>
    <li>Statistics with R programming Lab</li>
    </ul>
    <h2 style="color:rgb(0,100,0)">IInd year AIML Activities</h2>
    <ul style="font-family:Georgia; color: rgb(248, 12, 63); font-
    size:22px;">
    <li>Coding</li>
    <li>Gate Coaching Classes</li>
    <li>Library</li>
    <li>Counselling</li>
    </ul>
    <figure>
    <img src = "c:\Users\user\Desktop\New folder\ai.jfif" width =
    "300" alt = "Artificial Intelligence">
    <figcaption style="font-family:Verdana; color: rgb(194, 80,
    247);font-size: 18px;">Arificial Intelligence</figcaption>
    <img src = "c:\Users\user\Desktop\New folder\ml.jpg" width =
    "300" alt = "Machine Learning" >
    <figcaption style="font-family: Lucida Sans; color: rgb(233, 48,
    156); font-size: 18px;">Machine Learning</figcaption>
    </figure>

    </body>
    </html>

    OUTPUT:

    2.Demonstrate table tag to create different orientation of


    table in static web page
    <!DOCTYPE html>
    <html lang="en">
    <body>
    <title>
    Artiicial Intelligence and Machine Learning Timetable
    </title>
    <h1>AIML-A Regular Schedule</h1>
    <table border="2">
    <caption>AIML-A timetable</caption>
    <tr>
    <th>PERIOD</th>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
    <th rowspan="2">12:30pm - <br>1:10pm</th>
    <th>5</th>
    <th>6</th>
    <th>7</th>
    <th>8</th>
    </tr>
    <tr>
    <th>DAY</th>
    <th>8:50am-<br>9:40am</th>
    <th>9:40am-<br>10:30am</th>
    <th>10:50am-<br>11:40am</th>
    <th>11:40am-<br>12:30pm</th>
    <th>1:10pm-<br>2:00pm</th>
    <th>2:00pm-<br>2:50pm</th>
    <th>2:50pm-<br>3:40pm</th>
    <th>3:40pm-<br>4:30pm</th>
    </tr>
    <tr>
    <th>MON</th>
    <td>WAD</td>
    <td colspan="3">ASQL&DM LAB/SE LAB</td>
    <th rowspan="6">L<br>U<br>N<br>C<br>H<br>
    <br>B<br>R<br>E<br>A<br>K<br></th>
    <td>P&S</td>
    <td>DWDM</td>
    <td colspan="2">CODING</td>
    </tr>
    <tr>
    <th>TUE</th>
    <td>P&S</td>
    <td>DWDM</td>
    <td>CN</td>
    <td>SE</td>
    <td colspan="2">CODING</td>
    <td>WAD</td>
    <td>CN</td>
    </tr>
    <tr>
    <th>WED</th>
    <td colspan="3">WAD LAB/ASQL&DM LAB</td>
    <td>SE</td>
    <td>CN</td>
    <td>P&S</td>
    <td>UHV</td>
    <td>GATE/LIB</td>
    </tr>
    <tr>
    <th>THU</th>
    <td>DWDM</td>
    <td>CN</td>
    <td>SE</td>
    <td>UHV</td>
    <td>P&S</td>
    <td>WAD</td>
    <td>DWDM</td>
    <td>GATE/LIB</td>
    </tr>
    <tr>
    <th>FRI</th>
    <td>CN</td>
    <td>SE</td>
    <td>P&S</td>
    <td>UHV</td>
    <td>DWDM</td>
    <td colspan="3">SE LAB/WAD LAB</td>
    </tr>
    <tr>
    <th>SAT</th>
    <td>SE</td>
    <td>CN</td>
    <td>UHV</td>
    <td>P&S</td>
    <td colspan="3">SRP LAB</td>
    <td>COUN</td>
    </tr>
    </table>

    </body>
    </html>

    OUTPUT :
    3.Develop a static webpage having different partitions using
    iframes
    Experiment-3:
    <!DOCTYPE html>
    <html>
    <head>
    <title>My iframes</title>
    </head>
    <body>
    <h1 style="font-family: Lucida Sans; color: rgb(218, 17, 17); text-
    align: center;">iframes</h1>
    <iframe src="top.html" title="My First Web Page" width="100%"
    frameborder="" height="400vh" name="My iframe1"></iframe>
    <iframe src="right.html" title="AIML-A Timetable" width="80%"
    frameborder="0" height="900vh" name="My iframe2"></iframe>
    </body>
    </html>

    Top.html:
    <!DOCTYPE html>
    <html>
    <head>
    <title>
    top
    </title>
    </head>
    <body>
    <a href="c:\Users\Sarada Dutta\Desktop\html\schedule.html" target="My
    iframe1">myfirstweb</a>
    <a href="https://www.techtarget.com/searchenterpriseai/definition/AI-
    Artificial-Intelligence" target="My iframe1">Artificial Intelligence</a>

    </body>
    </html>

    Right.html :
    <!DOCTYPE html>
    <html>
    <head>
    <title>right</title>

    </head>
    <body>
    <a href="c:\Users\Sarada Dutta\Desktop\html\schedule.html" target="My
    iframe2">Our time table</a>
    </body>
    </html>

    OUTPUT :

    You might also like