Scribd Logo
Upload

Welcome to Scribd!

  • Webtech Index

    Uploaded by

    Rizwan Khan
    24 views20 pages

    Original Title

    webtech index (1)

    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

    Copyright:

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

    Webtech Index

    Uploaded by

    Rizwan Khan

    Copyright:

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

    Attribute ol list

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Ordered List with Numbers</h2>


    <ol type="1">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>

    </body>
    </html>
    OUTPUT
    Audio player html
    <!DOCTYPE html>
    <html>
    <body>

    <audio controls>
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>

    </body>
    </html>

    OUTPUT
    Description list
    <!DOCTYPE html>
    <html>
    <body>

    <h2>A Description List</h2>


    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>

    </body>
    </html>

    OUTPUT
    Heading in HTML

    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>

    OUTPUT
    Html form
    <html>
    <body>
    <form>
    First name:<br>
    <input type="text" name="firstname">
    <br>
    Last name:<br>
    <input type="text" name="lastname">
    </form>
    <p>Note that the form itself is not visible.</p>
    <p>Also note that the default width of a text input field is 20
    characters.</p>
    </body>
    </html>
    OUTPUT

    Html video player


    <!DOCTYPE html>
    <html>
    <body>
    <video width="400" controls>
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
    </video>
    </body>
    </html>

    OUTPUT

    Hyperlink
    <!DOCTYPE html>
    <html>
    <body>

    <a href="http://Shafi Degree college">This is a link</a>

    </body>
    </html>
    OUTPUT

    Image link
    <html>
    <body>

    <img src="PHOTO.jpg" width="115" height="142">

    </body>
    </html>

    OUTPUT

    Nested html list


    <!DOCTYPE html>
    <html>
    <body>
    <h2>A Nested List</h2>
    <ul>
    <li>Coffee</li>
    <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea</li></ul></li>
    <li>Milk</li></ul>
    </body>
    </html>

    OUTPUT

    Ol list
    <!DOCTYPE html>
    <html>
    <body>
    <h2>Ordered List</h2>

    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>

    </body>
    </html>
    OUTPUT

    Paragraph
    <html>
    <body>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>

    </body>
    </html>

    OUTPUT

    Radio button
    <html>
    <body>
    <form>
    <input type="radio" name="gender" value="male"
    checked> Male<br>
    <input type="radio" name="gender" value="female">
    Female<br>
    <input type="radio" name="gender" value="other">
    Other
    </form>
    </body>
    </html>
    OUTPUT

    Simple jscript
    <html>
    <body>

    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "Hello
    JavaScript!";
    </script>

    </body>
    </html>

    OUTPUT

    Submit button
    <html>
    <body>
    <form action="action_page.php">
    First name:<br>
    <input type="text" name="firstname" value="Mickey"><br>
    Last name:<br>
    <input type="text" name="lastname"value="Mouse">
    <br><br>
    <input type="submit" value="Submit">
    </form>
    <p>If you click the "Submit" button, the form-data will be sent
    to a page called "action_page.php".</p>
    </body>
    </html>
    OUTPUT

    Table
    <html>
    <body>
    <table style="width:100%">
    <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
    </tr>
    <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
    </tr>
    <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
    </tr>
    </table>
    </body>
    </html> OUTPUT

    Ul list
    <html>
    <body>

    <h2>Unordered List without Bullets</h2>

    <ul style="list-style-type:none">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    </body>
    </html>

    OUTPUT

    STUDENT REGISTRATION
    <!DOCTYPE html>
    <head
    <body>
    <h><u><center> Student Registrion form 2022
    </u></center><br>
    <td width="15" align="center" class="style5"><IMG
    SRC="images/index_14.gif" WIDTH=11 HEIGHT=11 ALT=""></td>
    <form>
    <table align="center">
    <tr>
    <td>First Name</td>
    <td><input type="Text"name="First_Name"></td>
    </tr>
    <tr>
    <td>Last Name</td>
    <td><input type="Text"name="Last_Name"></td>
    </tr>
    <tr>
    <td>Father Name</td>
    <td><input type="Text"name="Father_name"></td>
    </tr>
    <tr>
    <td>Date Of Birth (dd/mm/yyyy)</td>
    <td><input type="text"name="D_OB"></td>
    </tr>
    <tr>
    <td>Mobile No- ></td>
    <td><input type="Text"name"Mobile_no"></td>

    </tr>

    <tr>
    <td>Gender-</td>
    <td>Male<input type="radio"name="Gender">
    Female<input type="radio"name="Gender"></td>
    </tr>
    <tr>
    <td>Address</td>
    <td><Textarea
    Name="Address"row="5"cols="30"></Textarea></td>
    </tr>
    <tr>
    <td>City</td>
    <td><input type="Text"name="City"></td>
    </tr>
    <tr>
    <td>State</td>
    <td><input type="Text"name="State"></td>
    </tr>
    <tr>
    <td>Qualification<br/><br/></td>
    <td>
    <table>
    <tr>
    <td align="Center"><b>S.No.</b></td>
    <td align="Center"><b>Examination</b></td>
    <td align="Center"><b>Board</b></td>
    <td align="Center"><b>Percentage</b></td>
    <td align="Center"><b>Year Of Passing</b></td>
    </tr>
    <tr>
    <td>1</td>
    <td>Class X</td>

    <td><input type"Text"name="Class X_Board"/></td>


    <td><input type="text"name="Class X_percentage/"></td>
    <td><input type="Text"name="class X_year of Passeng /"</td>
    </tr>
    <tr>
    <td>2</td>
    <td>Class XII</td>
    <td><input type="Text"name="Class XII_Board "/></td>
    <td><input type="Text"name="Class XII_Percentage "/></td>
    <td><input type="Text"name="Class XII_Year Of Passeing"/></td>
    </tr>
    <tr>
    <td>3</td>
    <td> Graduation</td>
    <td><input type"Text"name="Graduation_Board" /></td>
    <td><input type="Text"name="Graduation_Percentage" /></td>
    <td><input type="Text"name="Graduation_Year Of
    Passeing"></td>
    </tr>
    </table>
    <tr>
    <td>COURSES<br/>Studied</td>
    <td>BCA<input type="radio"value="BCA">
    B.Com<input type="Radio"value="B.Com">
    B.sc.<input type="Radio"value="B.sc">
    B.A.<input type="radio"value="B.A.">
    M.Com<input type="Radio"value="M.Com">
    B.T.C.<input type="Radio"value="B.T.C.">
    </td>
    </tr>
    <tr>
    <td colspan="2"align="center">
    <input id="Submit1" type="submit" value="Submit" />&nbsp;
    &nbsp;
    <input
    id="Reset1" type="reset" value="Reset" onclick="return
    Reset1_onclick()" /></tr>
    </td>
    </table>
    </form>
    <p><center>Design by KARAN PAL SINGH</center</p>
    </head>
    </Body>
    </html>
    OUTPUT

    You might also like