Basic Emmet

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 h1, text editor akan menampilkan pilihan autocomplete.

Cukup tekan enter, maka emmet akan mengubah menjadi tag <h1></h1>, dengan cursor didalam tag, Anda tinggal mengetikan text yang diinginkan.

Hal ini berlaku untuk tag lainnya. Untuk tag tertentu seperti a tag, emmet akan secara otomatis menambahkan property href.

<!--ketik a otomatis diubah -->
<a href=""></a>

<!--ketik p otomatis diubah -->
<p></p>

<!--ketik p otomatis diubah -->
<div></div>

SIlakan bereksperimen dengan tag html lainnya.

Sharing is caring:

Leave a Comment