REFERAT KURS JUMISI / lab jumis 4
.doc4-laboratoriyali’q jumi’s
Tema: HTML gipertekstli tili ja’rdeminde stillerdin’ kaskadli kestelerin paydalanip veb-bet jaratiw.
Jumi’sti’n’ maqseti’: HTML gipertekstli tili ja’rdeminde stillerdin’ kaskadli kestelerin paydalanip veb-bet jaratiw.
Laboratoriya jumi’si’n ori’nlaw ta’rtibi:
HTML fayldi’ jarati’w ha’m kodlari’n jazi’w;
CSS fayldi jarati’w ha’m kodlari’n jazi’w;
Tayar web betti brauzer arqali’ tekseriw;
Teoriyali’q bo’lim:
Ma’selenin’ qoyi’li’wi’: Aling’an bilimlerden paydalani’p HTML gipertekstli tili ja’rdeminde stillerdin’ kaskadli’ kestesinen (CSS ten) paydalani’p web-bet jarati’w.
Ma’selenin’ sheshiliwi:
Da’slep index.html fayli’n jarati’p og’an HTML kodlardi’ jazami’z:
<html>
<head>
<link rel="stylesheet" type="text/css" href="Roma.css">
<title>Fitnes club</title>
</head>
<body background="1.jpg">
<font color="yellow" size="6" face="arial"><h1 align="center" > FITNES CLUB </h1></font>
<br>
<table border="0" cellpadding="1" cellspacing="30" align="center">
<tr>
<th><font color="red"><button>Qizlar</button></font></th>
<td><font color="red"><button>qaddi qawmet</button></font></td>
<td><font color="red"><button>awqatlaniw tartibi</button></font></td>
<td><font color="red"><button>aziw</button></font></td>
<td><font color="red"><button>press</button></font></td>
</tr>
<tr>
<th><font color="red"><button>Jigitler</button></font></th>
<td><font color="red"><button>qaddi qawmet</button></font></td>
<td><font color="red"><button>awqatlaniw tartibi</button></font></td>
<td><font color="red"><button>aziw</button></font></td>
<td><font color="red"><button>press</button></font></td>
</tr>
</table><br>
<div class="a">
<a href="">Shinig'iwlar ku'ni:</a><br>
<a href="">Da'ri o'nimleri: </a><br>
<a href="">paydali ma'slahatlari:</a><br>
<a href="">Zal fotolari:</a>
</div>
</body>
</html>
CSS kodi;
.a{
display:block;
background:pink;
float:left;
margin:50px
padding: 100px;
border-radius:10px 10px;
font-family: Algerian;
font-size:30px;
width:40%;
}
button{
border-radius:10px 10px;
background:red;
width:100px; }
Brauzerdegi ko’rinisi: