Belajar HTML Dan CSS Dari Nol Untuk Pemula | CSS Display Property Inline, Block, Inline-block
HTML-код
- Опубликовано: 30 апр 2023
- KelasKomputerOnline
Belajar HTML dan CSS dari nol sangat penting untuk memahami dasar-dasar pembuatan tampilan website. Salah satu konsep penting dalam CSS adalah properti "display", yang digunakan untuk mengatur bagaimana sebuah elemen HTML ditampilkan pada halaman web.
Pada dasarnya, properti "display" pada CSS mengatur tampilan suatu elemen HTML seperti blok, inline, atau inline-block. Ketika suatu elemen diatur sebagai blok, elemen tersebut akan mengambil seluruh lebar yang tersedia, dan baris baru akan dimulai setelah elemen tersebut. Sedangkan ketika suatu elemen diatur sebagai inline, elemen tersebut hanya akan memakan sejumlah lebar yang cukup untuk menampung konten di dalamnya, dan tetap berada dalam satu baris dengan elemen lain. Sedangkan inline-block adalah kombinasi dari blok dan inline, yaitu elemen tersebut akan memakan sejumlah lebar yang cukup untuk menampung konten di dalamnya, tetapi tetap memiliki kemampuan untuk memiliki margin, padding, dan berada dalam satu baris dengan elemen lain.
Properti "display" juga dapat digunakan untuk mengatur tampilan elemen secara responsif, dengan mengubah displaynya sesuai dengan ukuran layar atau perangkat yang digunakan. Ada beberapa jenis properti "display" seperti flex, grid, dan table, yang dapat membantu mengatur tata letak secara lebih kompleks.
Untuk menguasai properti "display" pada CSS, sebaiknya belajar dari dasar dan mempraktikkannya dalam membuat layout website. Terdapat banyak contoh penggunaan properti "display" pada CSS yang bisa dicoba dan dipelajari secara mandiri atau melalui tutorial online. Penting juga untuk menguasai tips dan trik dalam menggunakan properti "display" dengan baik dan benar untuk memperoleh tampilan website yang lebih optimal dan responsif.
Buat yang betul-betul Pemula Mengenai CSS kami sarankan dipelajari terlebih dahulu mengenai HTML dan disini sudah kami siapkan Play List Mengenai Belajar HTML untuk Pemula:
• Belajar HTML Pemula
Bersama saya:
Andhis di Channel #KelasKomputerOnline
Support Pertanyaan Terkait Dengan Video ( Chat )
/ andhis_ss
/ classkuonline
email: halloclassonline@gmail.com
Sehat selalu bang
Hayooo bang update terus video nya sangat berguna nih, jangan libur bang masih nunggu video updatenya hehehe
bang, gw mau refresh contoh html yg udan dibuat, malah refresh halaman youtube aja... gimana solusinya ? wkwkwk...
pak mau tanya berarti display tidak bisa diwakilkan dengan div ya?
saya coba masukkan beberapa input di dalam div tidak bisa soalnya.
iya, saya juga tdk bs masukin di div