REFERAT KURS JUMISI / 3-lab
.docx
3 – Laboratoriya jumısı
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:
<!DOCTYPE html>
<html>
<head>
<title> REAL MADRID </title>
</head>
<body background = "img/real-bg.jpg">
<table width="100%" height = "100px">
<tr>
<td>
<p align="center"><font face = "Calibri Light" size = "60px" color = "white">Real Madrid</font></p>
</td>
</tr>
</table>
<table bgcolor="white" width="100%" border = "5px" cellpadding="7" cellspacing="1">
<tr align="center">
<td>
<a href = "#">Klub</a>
</td>
<td>
<a href = "#">Komanda</a>
</td>
<td>
<a href = "#">Forum</a>
</td>
<td>
<a href = "#">Sayt haqqinda</a>
</td>
</tr>
</table>
<table width="100%">
<tr>
<td width="30%" height="40px" bgcolor="white">
Tan'lang'anlar
</td>
<td width="50%">
</td>
<td width="20%" bgcolor="white">
O'tken oyinlar
</td>
</tr>
<tr>
<td height="40px" bgcolor="gray" width="30%">
> <a href = "#">Florentino Peres Ispaniya futbol pederaciyasina o'z narazilig'in bildirdi</a></font><br>
> <a href = "#">Isko ha'm Solari ortasinda kelispewshilik ju'z bermekte </a><br>
> <a href = "#">Ekinshi el-clasiko sanesi ma'lim boldi</a><br>
> <a href = "#">Real Madrid ag'asina Yuventus qiziqbaqta </a><br>
> <a href = "#">Real darwazabani Chempionshipg'a joq aldi</a><br>
> <a href = "#">Real bir shart penen Iskoni Yuventusqa satadi</a><br>
</td>
<td width="50%">
<td width="20%" bgcolor="gray">
> <a href = "#"><font color="yellow">Real Betis 1-2 Real Madrid</a></font><br>
> <a href = "#"><font color="yellow">Selta 2-4 Real Madrid</a></font><br>
> <a href = "#"><font color="yellow">Real Madrid 0-0 Atletiko Madrid/a></font><br>
> <a href = "#"><font color="yellow">Real Madrid 4-1 Leganes</a></font><br>
> <a href = "#"><font color="yellow">Jirona 1-4 Real Madrid</a></font><br>
> <a href = "#"><font color="yellow">Real Madrid 2-0 Xetafe</a></font><br>
</td>
</tr>
<br />
<tr bgcolor="white" height="40px">
<td>Jan'aliqlar</td>
</tr>
<tr>
<td bgcolor="gray">
<p align="left">
<font color=white>
>Malaga jas oyinsgisi CHechu Martines Realg'a ko'ship otti<br>
>Real Madrid Piatek transferin tezlestirmekshi<br>
>Real Madrid Citiydan Brahim Dias di satip aldi<br>
>Real Madriddin jane bir oshinshisi jaraqatlandi<br>
>Modrich: << VAR dizimi Realga ziyan keltirmekte>><br>
>Ronaldo jazda Yuventusti tarik itiwi mu'mkin<br>
>Brahim Dias: << Mende 3 variant bar edi: REAL REAL REAL<br>
>Beyldin' sapqa qaytiwi soziliwi mumkin<br>
</font>
</p>
</td>
</tr>
</table>
</body>
</html>
Brauzerdegi kórinisi: