">
Scribd Logo
Upload

Welcome to Scribd!

  • 43 views

    FSD Soft

    Uploaded by

    Om
    The document contains an HTML form with fields to enter name, USN, select year of study, and check subjects. The form is submitted to another "submit.html" page to display the submitted data. All content has a yellow background and blue text for emphasis. </body> </html>

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd

    FSD Soft

    Uploaded by

    Om
    43 views9 pages
    The document contains an HTML form with fields to enter name, USN, select year of study, and check subjects. The form is submitted to another "submit.html" page to display the submitted data. All content has a yellow background and blue text for emphasis. </body> </html>

    Original Title

    fsd soft copy (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains an HTML form with fields to enter name, USN, select year of study, and check subjects. The form is submitted to another "submit.html" page to display the submitted data. All content has a yellow background and blue text for emphasis. </body> </html>

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    43 views9 pages

    FSD Soft

    Uploaded by

    Om
    The document contains an HTML form with fields to enter name, USN, select year of study, and check subjects. The form is submitted to another "submit.html" page to display the submitted data. All content has a yellow background and blue text for emphasis. </body> </html>

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Download as pptx, pdf, or txt
    of 9

    <html>

    <head>
    <title>About</title>
    <style type="text/css">
    .about {
    text-align: center;
    color: white;
    margin-top: 100px;
    }
    img{
    border-radius: 100%;
    margin-top: 50px;
    }
    </style>
    </head>
    <body style="background-color: black;"">
    <div class="about">
    <h1>This is a heading</h1>
    <p>This is a paragraph</p>
    <img src="human.jpeg" />
    </div>
    </body>
    </html>
    <html>
    <head>
    <title>Achievements</title>
    <style type="text/css">
    .align {
    text-align: center;
    }
    img {
    border: 5px solid;
    border-width: 10px;
    box-shadow: 5px 10px 15px grey;
    margin-right: 50px;
    margin-top: 250px;
    margin-left: 80px;
    }
    .text {
    }
    </style>
    </head>
    <body>
    <h1 class="align" style="font-size: 60">List Of My Favorite Hobbies</h1>
    <div id="container" style="position: relative">ZZZ
    <img src="cricketplay.jpg" height="200" width="200" />
    <h1 style="position: absolute; top: 190px; left: 140px">Cricket</h1>
    <img src="bloggings.jpg" height="200" width="200" />
    <h1 style="position: absolute; top: 190px; left: 480px">Blogging</h1>
    <img src="musics.jpeg" height="200" width="200" />
    <h1 style="position: absolute; top: 190px; left: 855px">Music</h1>
    <img src="internetok.WEBP" height="200" width="200" />
    <h1 style="position: absolute; top: 190px; left: 1110px">
    Surfing the Internet
    </h1>
    <img src="readingbook.jpg" height="200" width="200" />
    <h1 style="position: absolute; top: 190px; left: 1500px">
    Reading Books
    </h1>
    </div>
    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
    <title>Education</title>
    <style type="text/css">
    body {
    background-image: url("");
    }
    .center {
    text-align: center;
    }
    table,
    td {
    border: 1px solid gray;
    margin-top: 10px;
    border-style: dashed;
    border-width: 1px;
    height: 30px;
    border-collapse: collapse;
    }

    th {
    background-color: blue;
    color: black;
    border-style: dashed;
    border-collapse: collapse;
    }
    .addlink:hover {
    background-color: darkgray;
    }
    </style>
    </head>
    <body>
    <table width="50%">
    <tr>
    <th>Name</th>
    <td>OM NANDAGANVAKAR</td>
    </tr>
    <tr>
    <th>USN</th>
    <td>ENG20CS0240</td>
    </tr>
    <tr>
    <th>Semester</th>
    <td>4th Sem</td>
    </tr>
    <tr>
    <th>Address</th>
    <td>
    shanti nagar 11th ward ,near VNC college HOSPETE
    </td>
    </tr>
    <tr>
    <th>Branch</th>
    <td>Computer Science Engineering</td>
    </tr>
    <tr>
    <th><b>Email</b></th>
    <td><b>[email protected]</b></td>
    </tr>
    <tr>
    <th>Gender</th>
    <td>Male</td>
    </tr>
    <tr>
    <th>Grade Scored</th>
    <td>80/100</td>
    </tr>
    </table>
    </body>
    </html>
    <html>
    <head>
    <title>OM - ENG20CS0240</title>
    </title>
    <style type = "text/css">
    .About{
    background-color: maroon;
    padding : 0.5%;
    font-size: 20;
    color:white;
    margin-top: 50px;

    }
    .About:hover{
    background:rgb(153, 199, 29);
    }
    </style>
    </head>
    <body>
    <a class = "About" style="text-decoration: none" href = "About.html" target = "_blank">About</a>
    <a class = "About" style="text-decoration: none" href = "intro.html" target = "_blank">Introduction</a>
    <a class = "About" style="text-decoration: none" href = "Achieve.html" target = "_blank">Achievements</a>
    <a class = "About" style="text-decoration: none" href = "edu.html" target = "_blank">Education</a>
    <a class = "About" style="text-decoration: none" href = "Contact Us" target = "_blank">Contact Us</a>

    <br>
    <br>
    <br>
    <br>
    <ol type="a">
    <li>The Ol Type
    <ol type="I">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    </li>
    <li>
    <ol start="50">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    </li>
    <li>
    <ol start="6" type="I">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    </li>
    <li>
    <ol start="6" type="i">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    </li>
    </ol>

    </div>
    </body>
    </html>
    <html>
    <head>
    <title>Introduction</title>
    <style type = "text/css">
    .highlight{
    background-color: aqua;

    }
    </style>
    </head>
    <body>
    <h1>Character Entities Examples:</h1>
    <ol>
    <li>The address of a varable is represented as &a</li>
    <li>5<6</li>
    <li>10>5</li>
    <li>This represents :"<b>Double quote</b>"</li>
    <li>This represents :'<b>Single quote</b>'</li>
    <li>One-fifth fraction is repsented as &frac15;</li>
    <li>The degree is represented as 180&deg</li>
    <li>The currency of Europe is &euro</li>
    <li class="highlight">&#169 Jan 2021,OM.All copyrights reserved</li>
    </ol>
    </body>
    </html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <title>Days</title>
    <style type="text/css">
    th {
    font-weight: 700;
    }
    table {
    border-collapse: collapse;
    }
    table thead th {
    border-bottom: 1px solid #000;
    }
    img {
    width: 180px;
    height: auto;
    }
    </style>
    </head>
    <body>
    <table style="width: 100%">
    <thead>
    <tr>
    <th>Day</th>
    <th>Image</th>
    <th>Article Name</th>
    <th>Author</th>
    <th>Words</th>
    <th>Shares</th>
    </tr>
    </thead>

    <tr style="border-bottom: 1px solid black">


    <td><strong>1</strong></td>
    <td><img src="lamb.jpg" alt="baaaah" /></td>
    <td>Bootstrap 4 CDN and Starter Template</td>
    <td>Christina</td>
    <td>913</td>
    <td>2.846</td>
    </tr>
    <tr>
    <td><strong>2</strong></td>
    <td><img src="shaunsheep.jpg" alt="bigger baaaah" /></td>
    <td>Bootstrap Grid 4 Tutorial and Examples</td>
    <td>Christina</td>
    <td>1434</td>
    <td>3.417</td>
    </tr>
    </table>
    </body>
    </html>
    <html lang=“en">
    <head>
    <meta charset="UTF-8" />
    <title>Form</title>
    <style type="text/css">
    *{
    background: orange;
    }
    </style>
    </head>
    <body>
    <h1 style="text-align: center">Enter Your Details</h1>
    <br />
    <h3>ENTER NAME & USN</h3>
    <form action="submit.html">
    <label for="fname">First name:</label>
    <input
    type="text"
    id="fname"
    name="fname"
    placeholder="Enter name here"
    style="background: white"
    /><br /><br />
    <label for="usn">USN:</label>
    <input
    type="text"
    id="usn"
    name="usn"
    placeholder="Enter usn here"
    style="background: white"
    /><br />
    <h3>SELECT YEAR</h3>
    <input type="radio" id="first" name="year" value="FIRST" size="20" />
    <label for="year">FIRST</label>
    <br />
    <input type="radio" id="first" name="year" value="SECOND" size="20" />
    <label for="year">SECOND</label>
    <br />
    <input type="radio" id="first" name="year" value="THIRD" size="20" />
    <label for="year">THIRD</label>
    <br />
    <input type="radio" id="first" name="year" value="FOURTH" size="20" />
    <label for="year">FOURTH</label>
    <br />
    <h3>SELECT SUBJECTS</h3>
    <input type="checkbox" id="one" name="subject" value="WEB TECHNOLOGY" />
    <label for="vehicle1"> WEB TECHNOLOGY</label><br />
    <input
    type="checkbox"
    id="one"
    name="subject"
    value="DESIGN AND ANALYSIS OF ALGORITHMS"
    />
    <label for="vehicle1"> DESIGN & ANALYSIS OF ALGORITHMS</label><br />
    <input
    type="checkbox"
    id="one"
    name="subject"
    value="SIGNALS AND SYSTEMS"
    />
    <label for="vehicle1"> SIGNALS & SYSTEMS</label><br /><br />

    <a href="submit.html">
    <input
    style="background: white; padding: 5px"
    type="submit"
    value="Submit to another page"
    />
    </a>
    <br />
    <p>Note that the form is not visible.</p>
    <p>
    Also note that the default width of text input fiels is 20 characters
    long.
    <html>
    <head>
    <title>Staircase Webpage</title>
    <style type="text/css">
    *{
    font-size: 27px;
    }
    p{
    margin: 0;
    padding: 5px;
    }
    #sone {
    margin-left: 45%;
    border: 1px solid black;
    width: 5%;
    }
    #stwo {
    margin-left: 40%;
    border: 1px solid black;
    width: 10%;
    }
    #sthree {
    margin-left: 35%;
    border: 1px solid black;
    width: 15%;
    }
    #sfour {
    margin-left: 30%;
    border: 1px solid black;
    width: 20%;
    }
    </style>
    </head>
    <body>
    <div class="staircase">
    <p id="sone">The Summit!</p>
    <p id="stwo">We're close to the end.</p>
    <p id="sthree">The second step used a different foot.</p>
    <p id="sfour">The first step is the hardest.</p>
    </div>
    </body>
    </html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <title>Submitted</title>
    <style type="text/css">
    *{
    background: yellow;
    color: blue;
    font-weight: 500;
    }
    </style>
    </head>
    <body>
    <h1 style="text-align: center">SUBMITTED FORM DATA</h1>
    </body>
    </html>

    You might also like