Skip to main content

LIMA MENIT MENGERTI KONSEP FLOAT DI HTML, LENGKAP ADA FILE LATIHAN DAN EBOOK

LIMA MENIT MENGERTI KONSEP FLOAT DI HTML, LENGKAP ADA FILE LATIHAN DAN EBOOK



Di HTML, float adalah properti CSS yang digunakan untuk memindahkan elemen (seperti gambar atau kotak teks) ke sisi kiri atau kanan dari wadahnya, memungkinkan elemen lain (seperti teks) untuk melingkupinya. Ini digunakan untuk membuat tata letak multi-kolom atau membungkus teks di sekitar gambar, meskipun untuk tata letak yang lebih kompleks, teknik seperti Flexbox atau Grid lebih sering digunakan saat ini. 

Cara Kerja

1. Pemosisian di Samping:

Dengan float, Anda bisa menempatkan elemen ke kiri (float: left;) atau ke kanan (float: right;) dalam elemen induknya. 

2. Keluar dari Alur Dokumen Normal:

Elemen yang di-float akan dikeluarkan dari aliran dokumen normal, meskipun tetap ada di dalamnya. 

3. Teks Melingkupi Elemen:

Elemen lain yang berada di sekitarnya, terutama elemen sebaris (inline) seperti teks, akan otomatis membungkus elemen yang mengambang.

Contoh Penggunaan

Membungkus Teks di Sekitar Gambar:

Anda bisa membuat gambar melayang ke kiri, dan teks akan mengalir mengelilingi gambar tersebut dari sisi kanan.

Membuat Tata Letak Kolom:

Properti float dapat digunakan untuk menempatkan elemen blok (seperti div) berdampingan, bukan bertumpuk secara vertikal, untuk membuat tata letak seperti bilah sisi atau kolom artikel.

Nilai Properti float 

  • left: Mengapungkan elemen di sebelah kiri wadahnya.
  • right: Mengapungkan elemen di sebelah kanan wadahnya.
  • none: (Nilai default) Elemen tidak mengambang dan muncul sesuai posisinya di alur dokumen.
  • inherit: Mewarisi nilai float dari elemen induknya.

Catatan Penting 

Meskipun float masih relevan, terutama untuk kasus-kasus kecil, untuk membuat tata letak halaman modern, Flexbox dan Grid adalah alat yang lebih canggih dan disarankan untuk menggantikan penggunaan float secara luas.

Info belajar komputer 0821 2038 8854

Source Code dan File Latihan Serta E-Book: https://lynk.id/sutrisnosukarno

#belajar #omputer #float #html #web

Labels:

Comments

Post a Comment

Popular posts from this blog

BANTU ANANDA UNTUK SIAP MASUK SMANU MH THAMRIN BERSAMA PROGRAM BELAJAR KHUSUS DARI BINTANG PELAJAR

Masuk ke SMANU MH Thamrin bukanlah hal yang mudah. Sekolah unggulan di DKI Jakarta ini memiliki standar seleksi yang sangat ketat, mencakup tes akademik, logika, hingga wawancara. Bagi para orang tua yang ingin memberikan dukungan terbaik untuk ananda, kini hadir Program Belajar Khusus dari Bintang Pelajar, solusi efektif untuk menyiapkan siswa menghadapi tantangan seleksi masuk SMANU MH Thamrin. Mengapa SMANU MH Thamrin Begitu Diidamkan? SMANU MH Thamrin dikenal sebagai sekolah menengah atas negeri dengan kurikulum yang sangat kuat di bidang sains dan matematika. Dikelola langsung oleh Dinas Pendidikan DKI Jakarta, sekolah ini dirancang untuk mencetak generasi muda yang unggul dan siap berkompetisi di level nasional maupun internasional. Keunggulan sekolah ini di antaranya: Kurikulum sains dan matematika yang diperkuat. Program pembinaan olimpiade sains secara intensif. Sarana belajar yang lengkap dan kondusif. Lulusan yang banyak diterima di univer...
Post a Comment
Read more

Jago Program Studi Bersama Bimbel Bintang Pelajar Untuk Wilayah Jakarta, Bogor, Cibubur, Semarang, Batam, Depok, Bekasi, dan Sekitarnya

 Jago Program Studi Bersama Bimbel Bintang Pelajar Untuk Wilayah Jakarta, Bogor, Cibubur, Semarang, Batam, Depok, Bekasi, dan Sekitarnya Di tengah pesatnya perkembangan dunia pendidikan dan ketatnya persaingan akademik saat ini, menjadi siswa yang cerdas saja belum cukup. Siswa harus mampu memahami dengan baik program studi yang mereka ambil, menaklukkan berbagai ujian, dan mempersiapkan diri untuk jenjang pendidikan selanjutnya. Salah satu solusi terbaik untuk mendampingi perjalanan tersebut adalah Bimbel Bintang Pelajar, bimbingan belajar yang telah terbukti membantu siswa Indonesia dalam meraih prestasi terbaik mereka. Apa Itu Bimbel Bintang Pelajar? Bimbel Bintang Pelajar merupakan lembaga bimbingan belajar yang hadir dengan misi mencetak generasi muda yang unggul secara akademik dan berakhlak mulia. Bimbel ini melayani siswa dari berbagai jenjang, mulai dari SD, SMP, hingga SMA, dengan program yang disesuaikan dengan kurikulum sekolah dan kebutuhan siswa. Didukung oleh tenaga...
Post a Comment
Read more

Bimbel Terbaik Bintang Pelajar di Cibubur, Cinere, Depok, Batam, Semarang dan Sekitarnya: Membantu Anak Meningkatkan Prestasi dan Menaikkan Nilai Rapor Ananda

📚 Memilih lembaga bimbingan yang tepat untuk anak merupakan keputusan yang sangat penting. Di tengah banyaknya tuntutan akademis, orang tua memerlukan tempat bimbingan yang tidak hanya mengajarkan pelajaran, tetapi juga membangun karakter dan semangat belajar. 🏆 Bintang Pelajar, sebagai salah satu lembaga bimbingan paling terkemuka di Cibubur, Cinere, Depok, Batam, Semarang dan Sekitarnya, hadir untuk memenuhi kebutuhan tersebut. Kami tidak hanya fokus pada peningkatan nilai, tetapi juga mengajarkan nilai-nilai baik, kedisiplinan, dan semangat belajar mandiri pada setiap siswa. Kenapa Bimbel Ini Menjadi Pilihan Utama Orang Tua di Cibubur, Cinere, Depok, Batam, Semarang dan Sekitarnya? 💡 Karena Bimbingan Belajar Bintang Pelajar menggabungkan pendekatan akademik dengan aspek spiritual. Kami telah lebih dari 25 tahun dipercaya untuk mendampingi siswa dari berbagai sekolah di Cibubur, Cinere, Depok, Batam, Semarang dan Sekitarnya dan sekitarnya. Kami memahami bahwa setiap anak membutuhk...
Post a Comment
Read more