Scribd Logo
Upload

Welcome to Scribd!

  • Laboratoriya Ishi 2: Multimediya Texnologiyalari Kafedrasi Veb Dasturlashga Kirish Fanidan

    Uploaded by

    sunnat ermatov
    19 views8 pages

    Original Title

    Untitled

    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
    19 views8 pages

    Laboratoriya Ishi 2: Multimediya Texnologiyalari Kafedrasi Veb Dasturlashga Kirish Fanidan

    Uploaded by

    sunnat ermatov

    Copyright:

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

    AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI

    RIVOJLANTIRISH VAZIRLIGI MUHAMMAD AL-XORAZMIY


    NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI
    UNIVERSITETI
    Multimediya texnologiyalari kafedrasi
    Veb dasturlashga kirish fanidan

    LABORATORIYA ISHI
    №2
    Mavzu: HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va
    ro‘yxatlar bilan ishlash teglari. HTML formalar bilan ishlash.

    Bajardi: WEB005-1-guruh talabasi Nabiyev A


    Tekshirdi: Jo’raboyev Foziljon

    TOSHKENT – 2022
    HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va ro‘yxatlar bilan ishlash
    teglari. HTML formalar bilan ishlash.

    <!DOCTYPE html>
    <html>
    <body>
    <h2>HTML Image</h2>
    <img src="nature.jpg" alt="Tabiat" width="500" height="100%">
    </body>
    </html>

    1.

    <!DOCTYPE html>
    <html>

    <head>
    <title>Set Image Alignment</title>
    </head>
    <body>
    <p>Setting image Alignment</p>
    <img src="/images/lion.jpg" alt="Sher rasmi" width=”700px” style="float: right;"/>
    </body>

    </html>

    2. <!DOCTYPE html>
    <html>
    <style>
    table, th, td {
    border:1px solid black;
    }
    </style>
    <body>
    <h2>A basic HTML table</h2>
    <table style="width:100%">
    <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
    </tr>
    <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
    </tr>
    <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
    </tr>
    </table>
    <p>To understand the example better, we have added borders to the table.</p>
    </body>
    </html>

    3. <!DOCTYPE html>
    <html>
    <body>
    <h1>HTML Links</h1>
    <p><a href="https://www.w3schools.com/">Visit W3Schools.com!</a></p>
    </body>
    </html>

    4. <ol>
    <li>Aries</li>
    <li>Bingo</li>
    <li>Leo</li>
    <li>Oracle</li>
    </ol>

    5. <ul>  
     <li>Aries</li>  
     <li>Bingo</li>  
     <li>Leo</li>  
     <li>Oracle</li>  
    </ul> 

    6.
    <!DOCTYPE html>  
    <html>  
    <head>  
        <title>Nested list</title>  
    </head>  
    <body>  
        <p>List of Indian States with thier capital</p>  
    <ol>  
        <li>Delhi  
            <ul>  
                <li>NewDelhi</li>  
            </ul>  
        </li>  
        <li>Haryana  
            <ul>  
                <li>Chandigarh</li>  
            </ul>  
        </li>  
        <li>Gujarat  
            <ul>  
                <li>Gandhinagar</li>  
            </ul>  
        </li>  
        <li>Rajasthan   
            <ul>  
                <li>Jaipur</li>  
            </ul>  
        </li>  
        <li>Maharashtra  
            <ul>  
                <li>Mumbai</li>  
            </ul>  
        </li>  
        <li>Uttarpradesh  
            <ul>  
                <li>Lucknow</li></ul>  
        </li>  
    </ol>  
    </body>  
    </html>  

    7. <!DOCTYPE html>
    <html>
    <body>
    <h2>HTML Forms</h2>
    <form action="/action_page.php">
    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname" value="John"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname" value="Doe"><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>

    8. <!DOCTYPE html>
    <html>
    <body>

    <h2>Radio Buttons</h2>

    <p>Choose your favorite Web language:</p>

    <form>
      <input type="radio" id="html" name="fav_language" value="HTML">
      <label for="html">HTML</label><br>
      <input type="radio" id="css" name="fav_language" value="CSS">
      <label for="css">CSS</label><br>
      <input type="radio" id="javascript" name="fav_language" value="JavaScript">
      <label for="javascript">JavaScript</label>
    </form>
    </body>
    </html>

    You might also like