HTML Responsiv Veb-Dizayn

HTML Responsiv Veb-Dizayn


Veb sahifangiz qanday qurilma bo’lishidan qat’iy nazar foydalanish onson va yaxshi ko’rinishga ega bo’lishi kerak.


Responsiv Veb-Dizayn nima?

Responsiv Veb-Dizayn - veb sahifa barcha qurilmalar(personal kompyuter, planshet va telefonlar)da yaxshi ko’rininishini ta’minlaydi.

Responsiv Veb-Dizayn CSS va HTML ni ishlatgan holda, web kontent o’lchamini o’zgartirish, yashirish kichraytirsh yoki kattalashtirsh orqali har qanday qurilma displeyida(ekranida) web sahifani yaxshi ko’rinishini ta’minlashi haqida.

O’z Responsiv Dizayningni yarat

Responsiv Dizayn yaratishning yagona yo’li, uni o’zingiz yaratishingizdir

Namuna:

<!DOCTYPE html>
<html lang="en-us">
<head>
<style>
.city {
    float: left;
    margin: 5px;
    padding: 15px;
    width: 300px;
    height: 300px;
    border: 1px solid black;
}
</style>
</head>
<body>

<h1>Reponsiv </h1>

<div class="city">
  <h2>London</h2>
  <p>London is the capital city of England.</p>
  <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

<div class="city">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
  <p>The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.</p>
</div>

<div class="city">
  <h2>Tokyo</h2>
  <p>Tokyo is the capital of Japan.</p>
  <p>It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p>
</div>

</body>
</html>

Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017