linkedin facebook linkedin facebook nod32

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.

1254 marta o`qildi.

Parol:
Eslab qolish.


Ro`yhatdan o`tish

testing

+998915878681

Siz o`z maxsulotingizni 3D reklama ko`rinishda bo`lishini xohlaysizmi? Unda xamkorlik qilamiz.

3D Reklama


Рейтинг@Mail.ru
Рейтинг@Mail.ru

Besucherzahler
счетчик посещений