REFERAT KURS JUMISI / 3lab
.docx3-laboratoriyalıq jumıs
Tema: Grafika, siltemeler hám dizimler tiykarinda HTMLde ápiwayi bet jaratiw.
Jumıstıń maqsetı: Grafika, siltemeler, dizimlerden paydalanıp veb-bet jaratıw.
Laboratoriya jumısın orınlaw tártibi:
HTML fayldı jaratıw hám kodların jazıw;
Tayar web betti brauzer arqali tekseriw;
Teoriyalıq bólim:
HTML tilinde grafikler jaratıwda <img src = “”> taq teginen paydalanıladı. Onıń bir neshe attributları bar.
src = “” attributı, bul eki tırnaqsha ishinde súwret turģan jol jazıladı
width = “” buģan súwret eni piksellerde beriledi.
height = “” bul súwret biyikligi kiritiledi.
<img src =”img/suwret.png” width = “100” height = “50”>
Siltemeler menen islesiwde <a href= “”>Silteme</a> jup teginen paydalanıladı. Bunda href attributi ishine basqa bir web bet jolı kórsetiledi:
<a href= “web.html”>Basqa betke ótiw </a>
Dizimler jaratıwda <ul> hám <ol> teglerinen paydalanıladı. <ol> tegi tártiplengen dizim ushın qollanıladı, al <ul> bolsa kersinshe. Kóbinese <ul> jup teginen paydalanıladı. Bul tegler ishine <li> tegi arqalı har bir qatar kórsetiledi.
<ul>
<li>1-qatar</li>
<li>2-qatar</li>
<li>3-qatar</li>
</ul>
Máseleniń qoyılıwı: Alinģan bilimlerden paydalanıp HTML gipertekstli tili járdeminde web-bet jaratiw.
Máseleniń sheshiliwi:
Dáslep index.html faylin jaratip oģan HTML kodlardi jazamiz:
<!DOCTYPE html>
<html>
<head>
<title>Miymanxanalar</title>
</head>
<body>
<table align="center" bgcolor="#666" width="950px" border="0" cellpadding="10" cellspacing="0">
<tr>
<td width="50%">
<font face = "Calibri Light" color="white" size = "6px">
Miymanxana
</font>
</td>
<td align="right">
<input type="text" name="search" placeholder="Search..">
<button>Search</button>
</td>
</tr>
</table>
<table width="950px" align="center" cellspacing="0" cellpadding="20">
<tr valign="top">
<td width="70%" rowspan="2">
<h3>Tashkent miymanxanasi</h3>
<small><em>Ortasha bahasi (1 kun) 150000 som</em></small>
<img src="img/tashkent.jpg" width="100%">
<h4 align="right"><a href = "#">miymanxana haqqinda</a></h4>
<hr>
<h4>Nukus miymanxanasi</h4>
<small><em>Ortasha bahasi (1 kun) 150000 som</em></small>
<img src="img/nukus.jpg" width="100%">
<h4 align="right"><a href = "#">miymanxana haqqinda</a></h4>
<hr>
</td>
<td width="30%" bgcolor="#E4E6EA" height="20%">
<form>
Saytqa kiriw
<p>
<input type="text" placeholder="Atińiz">
</p>
<p>
<input type="text" placeholder="Parol">
</p>
<p>
Eslep qal <input type="checkbox">
</p>
<button>Kiriw</button>
</form>
</td>
<tr valign="top">
<td>
<p>Basqa miymanxanalar</p>
<a href = "#">Uzbekistan</a> |
<a href = "#">Plaza</a> |
<a href = "#">Rahnamo</a> |
<a href = "#">Shifokor</a> |
<a href = "#">Burj-al-Arab</a> |
<a href = "#">Tashkent</a>
</td>
</tr>
</tr>
</table>
</body>
</html>
Brauzerdegi kórinisi: