Kemudian, kita akan menambahkan beberapa konten HTML ke dalam halaman web kita, seperti judul, paragraf, gambar dan link.
<html>
<head>
<title>Halaman Web Responsif</title>
</head>
<body>
<h1>Halaman Web Responsif</h1>
<p>Ini adalah halaman web responsif yang dibuat menggunakan HTML dan CSS.</p>
<img src="gambar.jpg" alt="Gambar Responsif">
<a href="http://example.com">Kunjungi website ini</a>
</body>
</html>
Baca Juga: Peringati Hari Bumi Internasional dengan Suka Cita, Ini 4 Pelajaran Hidup Tentang Menjaga Lingkungan
Langkah 2: Tambahkan Metode Responsif
Sekarang kita akan menambahkan metode ke dalam halaman web. Kita akan menggunakan media query CSS untuk membuat halaman web yang responsif.
Media query CSS memungkinkan kita untuk menulis kode CSS yang hanya akan diterapkan jika kondisi tertentu terpenuhi.
Kami dapat menggunakan media query CSS untuk memastikan bahwa halaman web terlihat baik di berbagai layar.
Untuk membuat halaman web responsif, kita dapat menggunakan media query CSS untuk memastikan bahwa konten kita hanya ditampilkan pada layar yang lebih besar dari atau sama dengan ukuran tertentu.
<html>
<head>
<title>Halaman Web Responsif</title>
<style>
@media (min-width: 600px) {
/* CSS untuk layar lebih besar dari 600px */
}
</style>
</head>
<body>
<h1>Halaman Web Responsif</h1>
<p>Ini adalah halaman web responsif yang dibuat menggunakan HTML dan CSS.</p>
<img src="gambar.jpg" alt="Gambar Responsif">
<a href="http://example.com">Kunjungi website ini</a>
</body>
</html>
Langkah 3: Tambahkan Kode CSS
