Emmet

Id dan Class sangat sering digunakan pada html, Emmet juga support shortcut untuk mempercepat penulisan element dengan id atau class. Berikut contoh h1 dengan id dan class, contoh nama id dan class yang digunakan adalah mainHeader. Shortcut diatas dapat digunakan untuk semua element html. Jika hanya menuliskan class atau id saja, maka element default yang … Read more

Membuat template awal html, jika dilakukan berulang-ulang tentu akan membosankan. Kita dapat menggunakan shortcut emmet untuk membuat template awal doctype html 5.

Tentu menjemukan setiap membuat html element, kita harus menulis tanda < lalu diikuti elementnya misal h1 lalu diikuti tanda >. Dan tentunya kita juga harus membuat closing tag </h1> juga. Bila text editor Anda sudah diinstal emmet, Anda cukup mengetik h1, maka secara otomatis akan dibuatkan <h1></h1>. Jika Anda menggunakan visual studio code, saat mengetik … Read more

Pada umumnya kita bisa melakukan instalasi emmet dengan menggunakan plugin installer pada masing-masing text editor. Atau bisa juga dengan mendownload di https://emmet.io/download/ Tutorial menggunakan visual studio code yang bisa download di https://code.visualstudio.com/ Karena Visual Studio Code sudah support Emmet tanpa melakukan instalasi plugin. Untuk contoh instalasi, kita gunakan text editor Bracket. Cari menu Extension Manager. … Read more