Mavzu: Grafika, Havolalar va ro’yxatlar asosida htmLda oddiy sahifa yaratish
Sahifa yaratishda quydagi teglardan foydalanamiz:
<html>
<head>
<title>www.futbol.uz</title>
</head>
<body align = "center">
<table align = "center">
<tr>
<h1><font color ="red" size="60">Futbol</font>
<font color = "green"></font></h1>
</tr>
</table>
<img src="2.jpg" width="200" height="200">
<img src="1.jpg" width="200" height="200">
<img src="7.jpg" width="200" height="200">
<table border = 0 align = "center">
<tr align = "center">
<td width = "200"> <a href = "index.html"> Premier League</a>
</td>
<td width = "200"><a href = "index.html"> PLBSL</a>
</td>
<td width = "200">
<a href = "index.html">LaLiga</a>
</td>
</tr>
</table>
<br>
<img src="4.jpg" width="200" height="200">
<img src="8.jpg" width="200" height="200">
<img src="9.jpg" width="200" height="200">
<table border = 0 align = "center">
<tr align = "center">
<td width = "200"> <a href = "index.html"> LIGUE 1 </a>
</td>
<td width = "200"><a href = "index.html"> BUNDES LIGA </a>
</td>
<td width = "200">
<a href = "index.html"> SERIE A </a>
</td>
</tr>
</table>
</body>
</html>
4-Laboratoriya ishi
Mavzu: html giper matnli tili yordamida stillarning kaskadli jadvallaridan foydalanib web sahifa yaratish
Sahifa yaratishda quydagi teglardan foydalanamiz:
<!DOCTYPE html>
<html>
<head>
<title>Futbol</title>
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="dist/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="theme.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="assets/js/ie-emulation-modes-warning.js"></script>
<style type="text/css">
h1 {
Color: blue; text-align: center; font-family: Arial;}
</style>
</head>
<body >
<div class="container">
<p align="center"><h1>Futbol</h3></p>
<hr>
<p align="center"><img src="rasmlar/2.jpeg"></p><hr>
<hr>
<nav class="navbar navbar-default">
<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">Futbol haqinda</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Futbol tarixi</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Futbol ligalari</a></li>
<li><a href="#about">Futbol komandalari</a></li>
<li><a href="#contact">Futbol yulduzlari</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Futbol yangiliklari <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Eng so'ngi yangiliklar</a></li>
<li><a href="#">Haftalik yangiliklar</a></li>
<li><a href="#">Bir oylik yangiliklar</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<p align="center">
<a href="http://karakalpakstan.uz/qq/page/show/11"> <img height="400" width="400" src="rasmlar/7.jpg"></a>
<a href="http://karakalpakstan.uz/qq/page/show/11"><img height="400" width="400" src="rasmlar/3.jpg"></a>
<a href="http://karakalpakstan.uz/qq/page/show/11"><img height="400" width="400" src="rasmlar/9.jpg"></a>
</p>
<div class="row">
<div class="col-md-4">Futbol bu millionlar oyini bu futbol oyinining vatani bu Angilya hisoblanadi Futbol Angilyada tugildi Brazilyada rivojlani O'zbekistonda oldi.</div>
<div class="col-md-4"></div>
</div>
<br>
<p align="left"><a href="telefon"> Tell +998937733711</a></p>
<p align="left"><a href="telefon"> Telegram</a></p>
<p align="left"><a href="telefon"> Facebook</a></p
<p align="left"><a href="telefon"> Instagram</a></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="assets/js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
</div>
</body>
</html>
5-Laboratoriya ishi