Ketika kita melakukan pemrograman HTML, CSS maupun Javascript kita mungkin akan mengetik secara manual tag-tag HTML. Tentu kalau kita melakukan pengetikan huruf demi huruf akan memungkinkan adanya salah ketik. Untunglah Microsoft Visual Studio Code memberikan snippet-snippet supaya kita dapat melakukan pengetikan pemrograman HTML dengan lebih cepat.
Setelah kita membuka Microsoft Visual Code dan membuat sebuah halaman html misalnya ‘depan.html’ kita dapat mempercepat pengetikan tag-tag HTML dengan snippet HTML antara lain pada
- Tag
Kita dapat mengetikkan tag kemudian tekan tab.
Sebagai contoh
– ketik ‘html’
– tekan tab
– hasilnya ‘<html></html>’
- Class
Kita juga dapat membuat tag class dengan cepat sebagai contoh
– ketik ‘.alert.alert-danger’
– tekan tab
– hasilnya ‘<div class=”alert alert-danger”></div>’
- ID
Kita juga dapat mempercepat pengetikan tag id dengan
– ketik ‘span#judul’
– tekan tab
– hasilnya ‘<span id=”judul”></span>’
- Sebuah HTML Lengkap
Kita juga dapat membuat sebuah html lengkap dengan
– ketik ‘!’
– tekan tab
– hasilnya:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>
<title>Document</title>
</head>
<body></body>
</html>
Dengan penggunaan HTML snippet pada Microsoft Visual Studio Code ini maka aktivitas penulisan tag html akan cepat.
Informasi lebih lanjut silahkan mengunjungi https://code.visualstudio.com/docs/languages/html .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.