- •Index – fayl_nomi
- •Url da qo’llaniladigan protokollar
- •Html shablonni yaratish.
- •Saqlash va sinab ko’rish.
- •Mavzu: Razmetkali tillar: html, xml, xhtml, html yangiliklari. Eskirgan teglar html, xml, xhtml tillar
- •Mavzu: Grafika, Havolalar va ro’yxatlar asosida htmLda oddiy sahifa yaratish
- •Mavzu: html giper matnli tili yordamida stillarning kaskadli jadvallaridan foydalanib web sahifa yaratish
- •Color: blue; text-align: center; font-family: Arial;}
- •Mavzu:bootstrab asosida ishlangan oddiy web sahifa
- •Html5 multimedia imkoniyatlaridan foydalanish.
Mavzu:bootstrab asosida ishlangan oddiy web sahifa
Sahifa yaratishda quydagi teglardan foydalanamiz:
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Avto Olam</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Menyu</a></li>
<li><a href="#about">Xizmat</a></li>
<li><a href="#contact">Aloqa</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tanlash <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Chevrolet</a></li>
<li><a href="#">Rovon</a></li>
<li><a href="#">Daewo</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Lada</li>
<li><a href="#">Ferrari</a></li>
<li><a href="#">Mercades benz</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="page-header">
<h1>Ro'yhat</h1>
</div>
<div class="row">
<div class="col-md-6">
<table class="table">
<thead>
<tr>
<th>№</th>
<th>Chevrolet</th>
<th>Lada</th>
<th>Mercades benz</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Malibu</td>
<td>Lada xray</td>
<td>Mercades benz 202</td>
</tr>
<tr>
<td>2</td>
<td>Kaptiva</td>
<td>Lada Granta</td>
<td>Mercades twitter</td>
</tr>
<tr>
<td>3</td>
<td>Lasetti</td>
<td>Lada forza</td>
<td> Mercades Bird</td>
</tr>
</tbody>
</table>
</div>
6 – laboratoriya ishi.
Mavzu:Malumotlarni kiritish formalarini tekchiruvchi dastur ishlab shiqish.
Nazariy qism.
HTML formalar, foydalanuvchilar tomonidan, ma’lumotlarni kiritish va kiritilgan ma’lumotlardan keyinchalik foydalanish maqsadida tashkil qilingan. Formalar – matnli oynalar, tugmalar, bayroqchalar, ulagich(pereklyuchatel)lar va menyular kabi boshqariladigan elementlardan tashkil topishi mumkin. Formalar <form> va </form> teglari orasida joylashadi.
Tugmalar (buttons)
Uchta turdagi tagmalar mavjud:
Jo’natuvchi tugmalar – bu tugmalar yordamida formalar serverga qayta ishlash uchun jo’natiladi.
Inkor etuvchi tugmalar – bu tugma bosilsa formaning hamma qiymatlari qaytadan boshlang’ich xolatiga o’rnatiladi.
Umumiy tugmalar – bunday turdagi tugmani bosganda shu tugmaga bog’langan prostedura ishga tushadi. <form> </form> teglari
Formalar tashkil qilish form elementi yordamida amalga oshiriladi va biz uning umumiy ko’rinishi bilan tanishib chiqamiz.
Umumiy ko’rinishi:
Sintaksis : <FORM>…</FORM> (Blokli element)
Atributlar: id, class, style, title, lang, dir,xodisa
action = URL (formalarni qayta ishlash uchun ko’rsatilgan URL manzil)
method = get | post (formalardagi ma’lumotlarni jo’natish uchun HTTP metodi)
enctype = fayl tipi(formaga murojat qilish uchun)
accept = fayllar tiplari (bo’lishi mumkin bo’lgan fayllar tiplari)
accept-charset = kodlashtirishlar (bo’lishi mumkin bo’lgan simvollarni kodlash usullari)
name = CDATA (sstenariya uchun forma nomi)
target = freym (natijalarni hosil qilish uchun freym)
onsubmit = sstenariya (formani jo’natish)
onreset = sstenariya (formani qaytadan o’rnatish)
<html>
<head>
<title>NOM</title>
</head>
<body>
<br>
<fieldset>
<legend align="center"><h1>Forma</h1> </legend> <br>
<table border=0 align = "center">
<tr>
<form method="GET" action=”22.php”>
<td><label for=”firstname”><h1> ism </h1></label></td>
<td><label for=”lastname”> <h1>Parol </h1></label> </td>
<td><label for=”email”> <h1>e-mail </h1></label> </td>
</tr> <tr>
<td><input type=”text” id=”firstname”> </td> <td><input type=”text” id=”lastname”> </td><td><input type=”text” id=”mail”> </td>
</tr> <tr> <td><input type = "submit" value = "yubor" name = "value"> </td> </tr>
</table>
</fieldset>
</form>
</body>
</html>
Natija:
7 – laboratoriya ishi.