Membahas Karakter Yang Dimiliki Emmet Part 1

Halo teman teman semuanya di artikel kali ini kita akan melanjutkan pembahasan tentang plugin emmet dimana kita akan jelaskan sintaks-sintaks yang dimiliki oleh emmet yang nantinya kita gunakan untuk menyingkat penulisan kode HTML. Mungkin pada artikel sebelumnya teman teman sudah lihat kita nulis beberapa karakter atau keyword lalu tekan tab maka akan dibuatkan struktur HTML yang cukup lengkap. Ada beberapa keyword yang teman teman harus ketahui dan pada artikel kali ini kita akan bahas satu persatu secara detail bagaimana penggunaannya. Oke kita mulai saja masih dalam studi kasus yang sebelumnya. Keyword pertama yang ada di emmet adalah tanda > atau lebih besar dari yang artinya menyimpan tag didalam tag lain contohnya

buat elemen <div> didalamnya ada elemen <p> lalu tempatkan kursornya pada bagian akhir selanjutnya kita tekan tab. Hasilnya seperti berikut

dan teman teman bisa tumpuk seperti berikut

berdasarkan struktur HTML yang teman teman lagi kerjakan. Maka akan terbuatkan struktur HTML yang di inginkan. Jadi arti dari lebih besar > akan membuatkan elemen didalam elemen lain. Yang kedua tanda plus (+) dimana akan membuatkan elemen yang sejajar contohnya

maka akan terbuat div yang punya class container dan dibawahnya ada elemen <p> dan bukan didalamnya sebagai berikut

selanjutnya teman teman bisa gunakan karakter atau kode-kode itu untuk menyingkat struktur HTML yang teman teman lagi kerjakan. Sampai bertemu pada artikel berikut terima kasih.

19 Januari 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Seminar Java April 2024 di DUMET School
chat