Tema:Grafika , siltemeler hám dizimler tiykarinda html de ápiwayi bet jaratıw
Jumıstıń maqseti: Grafika , siltemeler hám dizimlerden paydalani’p web bet jarari’w.
Laboratoriya jumısınıń orınlanıw tártibi
HTML fayldı jaratiw hám kodlarin jazıw
Tayar web betti brauzer arqali tekseriw
Teoriyaliq bólim: Grafika, siltemeler ha’m dizimler haqqinda magliwmat beriw.
Máseleniń qoyiliwi: Alģan bilimlerden paydalanip HTML gipertekstli til járdeminde web bet jarati’w
Dizim to’mendegi tegler menen belgilenedi:
<ul>...< / ul> markirovkalang’an dizimdi dúziw;
<ol>...< / ol> cifrlı dizimdi dúziw;
<li>...< / li> dizimniń hár bir elementin ramkalaw.
Dizimler ishki bolıwı múmkin. Ishki bólekdegi dizimlerde birinshi dárejeli marker - dongelek, ekinshisi - sheńber, úshinshisi - kvadrat.
Belgilengen hám nomerlengen dizimlerge qosımsha túrde, hár bir element juplıqtan ibarat tariypler dizimi keltirilgen: termin hám tariyp.Belgiler dizimin jaratıw ushın tegler:
<dl>...< / dl> ramka tariypi dizimi;
<dt>... </ dt> ramkalaw termini;
<dd>... </ dd> ramka tariypi.
Siltemeler gipertekstli hújjetlerdiń tiykari bolıp, bir veb -betten basqasına, sonıń menen birge, veb -betdegi belgili bir jayǵa kóshiwge mumkinshilik beredi. Olardıń ayriqshalıǵı sonda, siltemenin’ ózi HTML-fayllarǵa emes, bálki hár qanday túrdegi faylǵa da alıp keliwi múmkin jáne bul fayl pútkilley basqa saytǵa jaylastırılıwı múmkin. Ahmiyetlisi, jalǵanıw ornatılatug’in faylga bariw mumkinshiligi boliwi.
Jup teg <a>…< / a> silteme sıpatında isleytuǵın súwretti yamasa tekstti óz ishine aladı.
<a href="http://vsetaksi.ru/rostov-na-donu/22.htm">Лидер</a>
Tekstke súwret qosıw ushın súwret faylınıń adresin kórsetetuǵın src atributi menen bir <img> teginen paydalanıladi. Súwret adressi silteme adressi menen birdey tárzde ornatıladı. Mısalı:
<img src="image.gif" alt="gif formatindag’i suwret">
<img src="jpeg/image.jpg" alt=" jpeg formatindag’i suwret ">
<img src="/image/image.png" alt="png formatindag’i suwret ">
Máseleniń sheshiliwi:
<html>
<head>
<title>Web sayt</title>
</head>
<body>
<font face="Times New Roman">
<table cellpadding="10" cellspacing="10" align="center">
<tr>
<th>
<font size="16" color="green" face="Forte"> Kompyuter Magazin </font>
</th>
<td><pre> </pre></td>
<td>
<form>
<input type="text" name="search" placeholder="Искать...">
<button>Найти</button>
</form>
</td>
<td>
<a href="#">Изображенное</a>
</td>
<td>
<a href="#">Корзина</a>
</td>
<td>
<select>
<option>Русский</option>
<option>ENGLISH</option>
</select>
</td>
</tr>
</table>
</font>
<table cellpading="30" cellspacing="30" align="center" bgcolor="red" width="100%" height="50">
<tr bgcolor="orange"><th><a href="a.htm">Bas bo'lim</a></th><th><a href="s.htm">Menu</a></th><th><a href="b.htm">Kompyuterler</a></th><th><a href="d.htm">Admin</a></th></tr>
</table>
<table align="center">
<tr><th><img src="2.jpg" width="400" height="300"></th><th><img src="4.jpg" width="400" height="300"></th><th><img src="5.jpg" width="400" height="300"></th></tr>
<tr align="center"><td><font size="16" color="greenyellow" face="Forte">Notebook</font></td><td><font size="16" color="greenyellow" face="Forte">Kompyter</font></td><td><font size="16" color="greenyellow" face="Forte">Qurilmalari</font></td></tr>
</table>
</body>
</html>
Brauzerdegi kórinisi:
4- Laboratoriya jumısı