Selamat datang kembali di website tips dan trik Dumet School, kembali lagi dengan saya dalam pembahasan seputar dunia website. Lanjut pada artikel sebelumnya, kali ini saya akan mengenalkan fungsi – fungsi yang dapat kita pakai dalam proses pembuatan layout website dengan judul Mengenal Class flow-text dan collection Pada Materialize dimana masing – masing fungsi class ini pastinya memiliki output yang berbeda dan menarik. Sebelum kita lanjut pada praktek kali ini, saya akan mengenalkan tag html blockquote dimana biasanya di pakai untuk membuat sebuah layout untuk kutipan text namun di daman framework materialize ini akan menghasilkan output yang berbeda dengan tag biasanya. Saya ketikkan script html nya seperti gambar di bawah ini
Maka akan menghasilkan output seperti gambar di bawah ini
Baik, selanjutnya kita akan implementasikan Mengenal Class flow-text dan collection Pada Materialize class flow-text memiliki output yang berbeda karena sudah di rancang oleh framework ini. Misakan saya mempunyai tag p dan di dalamnya saya mempunyai text
Hasilnya masih biasa saja
Kemudian pada tag p saya tambahkan class flow-text
Maka hasilnya seperti gambar di bawah ini
Text memiliki jarak spasi secara horizontal maupun vertikal dengan meletakkan sebuah class flow text di dalam tag html nya, selanjutnya kita akan membuat sebuah list nama dengan metode collection dimana hasil dari outputnya sangat elegan sekali. Baik saya ketikkan script seperti di bawah ini
Pada gambar di atas ini class collection saya berikan pada tag div untuk pebungkus antara list dimana di dalamnya terdapat tag a dan saya berikan class collection-item, hasil output dari metode ini memiliki efek hover pada setiap list nya.
Apakah kalian ingat untuk membuat sebuah list pada gambar di atas ini, biasanya kita menggunakan tag ul dan li yang menghasilkan list. Tetapi di dalam framework ini dengan memberikan tag a yang merupakan bernilai inline sudah dapat membuat list tanpa harus memakai tag ul dan li. Berikut adalah beberapa metode pada framework css materialize, untuk lebih lanjutnya teman – teman saya sarankan untuk lebih banyak explore materialize jika ingin menghasilkan hasil yang maksimal. Sekian pada artikel kali ini tentang Mengenal Class flow-text dan collection Pada Materialize semoga bermanfaat dan menjadi tambahan pengetahuannya dalam framework materialize nya. Terimakasih dan sampai jumpa.
The post Mengenal Class flow-text dan collection Pada Materialize appeared first on Kursus Website Terbaik.