Ma`lumotlar : 1091
Xabarlar soni: 196
Bugun: 21.1.2021
Soat: 7:56
HTML5 da figure tegi
Muallif: Mengliyev Sh.
Qo`shilgan sana: 2016-06-16
HTML5 da figure tegi
Figure tegi-har qanday elementlarni guruhlarga birlashtirish uchun foydalaniladi masalan tasvirlarni. Yopilish tegi mavjud </figure>.
Misol:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FIGURE</title>
<script>
document.createElement('figure');
document.createElement('figcaption');
</script>
<style>
figure {
background: #0ee8f6; /* Rang foni */
display: block;
width: 160px; /* kenglik */
height: 210px; /* balandlik */
float: left; /* chap toman gorizontal */
margin: 0 10px 10px 0; /* jay tashlash */
text-align: center; /* teks markazdan */
}
figure img {
border: 2px solid #8b8e4b; /* 2 qalinlikdagi ramka parametri */
}
figure p {
margin-bottom: 0; /* pastdan joy tshlash */
}
</style>
</head>
<body>
<article>
<figure>
<p><img src="rasm/2016.jpg" alt=""></p>
<figcaption>Toshkent 2016</figcaption>
</figure>
<figure>
<p><img src="rasm/20161.jpg" alt=""></p>
<figcaption>Namangan 2016 chust</figcaption>
</figure>
</article>
</body>
</html>
Natija: Rasm. 1. da keltirilgan.
Рис. 1.Html5 da figure tegini qo`llash
Izoh: Brovzerlar: Internet Explorer 9.0, Chrome 6.0, Opera 10.6, Safari 4.0, Firefox 4.0, Android 2.2 va iOS 3.0 versiyalarda natijani chiqarish mumkin.
1343 marta o`qildi.
![]() |
![]() |