Desain Web HTML yang Responsif ~ KODELOVER

Desain Web HTML yang Responsif

Halaman web akan terlihat bagus, dan mudah digunakan, jika bisa menyesuaikan dengan apa pun perangkatnya.
Apa itu Desain Web Responsif?

Desain Web yang Responsif membuat halaman web terlihat bagus di semua perangkat (desktop, tablet, dan telepon).

Desain Web yang Responsif adalah mengenai penggunaan CSS dan HTML untuk mengubah ukuran, menyembunyikan, mengecilkan, memperbesar, atau memindahkan konten agar terlihat bagus di layar mana saja:

Membuat Desain Responsif Sendiri

Salah satu cara untuk menciptakan desain responsif, adalah dengan membuatnya sendiri:
Contoh
<! DOCTYPE html>
<html lang = "en-us">
<head>
<style>
.city {
    Float: left;
    Margin: 5px;
    Padding: 15px;
    width: 300px;
    height: 300px;
    border: black solid 1px;
}
</ Style>
</ Head>
<Body>

<h1> Demo Desain Web Responsif </ h1>

<div class = "city">
<h2> London </ h2>
<p> London adalah ibu kota Inggris. </p>
<p> Ini adalah kota terpadat di Inggris,
Dengan luas metropolitan lebih dari 13 juta jiwa. </p>
</div>

<div class = "city">
<h2> Paris </ h2>
<p> Paris adalah ibu kota Prancis. </p>
<p> Wilayah Paris adalah salah satu pusat populasi terbesar di Eropa,
Dengan lebih dari 12 juta penduduk. </p>
</div>

<div class = "city">
<h2> Tokyo </ h2>
<p> Tokyo adalah ibu kota Jepang. </p>
<p> Ini adalah pusat Area Greater Tokyo,
Dan wilayah metropolitan terpadat di dunia. </p>
</div>

</body>
</html>

KODELOVER

Desain Web HTML yang Responsif

Related Post