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.