Scribd
Upload
70 views

Laboratoriya Ishi 2: Multimediya Texnologiyalari Kafedrasi Veb Dasturlashga Kirish Fanidan

1. The document discusses various HTML tags for working with images, tables, links, lists, and forms. 2. It provides code examples for inserting and aligning images, creating basic and nested tables, adding links and lists, and building forms with inputs like text fields, radio buttons and submit buttons. 3. The examples cover important HTML elements for laying out pages with images, text, tables, and interactive elements.

Uploaded by

sunnat ermatov
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
70 views

Laboratoriya Ishi 2: Multimediya Texnologiyalari Kafedrasi Veb Dasturlashga Kirish Fanidan

1. The document discusses various HTML tags for working with images, tables, links, lists, and forms. 2. It provides code examples for inserting and aligning images, creating basic and nested tables, adding links and lists, and building forms with inputs like text fields, radio buttons and submit buttons. 3. The examples cover important HTML elements for laying out pages with images, text, tables, and interactive elements.

Uploaded by

sunnat ermatov
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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