The 2-Minute Rule for membuat website sederhana dengan html dan css

The 2-Minute Rule for membuat website sederhana dengan html dan css

Blog Article

Sekarang, mari tambahkan interaksi pada website menggunakan JavaScript. Buat file baru dengan nama script.js dan tambahkan kode sederhana berikut:

Dalam membuat website dengan html dan css, kamu harus memahami struktur dasar dokumen html. Secara umum struktur dasar dari suatu dokumen HTML adalah seperti contoh berikut ini :

Membuat tulisan tebal dan miring Agar tidak membosankan, teks kamu bisa divariasikan dengan mengubah ketebalan dan kemiringannya.

Setelah itu coba cek kembali hasilnya di Net browser. Bagaimana? Apakah sudah mirip dengan gambar dibawah ini?

Pilih paket hosting yang kamu suka, Mulai paket internet hosting Besar gratis domain negligible pembelian 1 tahun!

Selain itu, jauh lebih mudah untuk melakukan maintenance website yang dibuat dengan builder. Sebab, Anda tidak perlu memperbarui kode sumber secara guide. Cukup pilih elemen yang ingin diedit, lalu terapkan perubahan membuat website sederhana dengan html langsung dalam satu tampilan.

Pada contoh di atas, properti colour digunakan untuk mengatur warna teks pada elemen paragraf menjadi biru, sementara properti font-dimension digunakan untuk mengatur ukuran teks menjadi sixteen piksel.

Sekarang kita ke tag . Disini kita bisa tambahin details kontak dan tautan media sosial agar orang bisa terhubung sama kita, kayak gini contohnya:

Mengenal viewport bagian penting dalam belajar responsive design adalah mengenal apa itu viewport

Apabila sudah membeli area dan internet hosting, sekarang waktunya melanjutkan ke langkah pembuatan website yang paling utama, yaitu menentukan platform dan mulai membuat website Anda.

Sedangkan sidebar akan kita buat di sebelah kanan dengan ukuran 26%. Ikuti code situs web berikut ini dan letakkan dibawah code bagian header yang telah kita buat.

Consumer bisa memperluas navigation bar untuk mengakses elemen-elemen tersebut. Hal ini pun membantu memperbaiki tampilan dan meningkatkan kegunaan website, terutama bagi user yang menggunakan layar berukuran kecil.

Membuat layout dengan flexbox Flexbox adalah salah satu properi CSS yang sangat berguna untuk membuat structure design and style website

Buat teks dan judul lebih kece pake font yang oke. Pilih tipografi yang enak dilihat biar pembaca betah baca kontennya.