Cara menggunakan html5 shortcut vs code

Question

Tidak apa-apa, itu adalah sifat dari manusia. Otak kita memang tidak seperti komputer yang bisa mengingat dengan cepat dan permanen.

Table of Contents Show

Apa itu Komentar dalam HTML?
Cara Membuat Komentar di HTML
Jalan Pintas untuk Membuat Komentar
Atribut untuk Komentar
Fungsi Komentar
1. Komentar untuk Menjelaskan Arti Tag
2. Komentar untuk Menyimpan Todo List
Bagaimana cara run di VSCode?
VSCode bisa bahasa apa saja?
Apa saja kode HTML?
Code runner VSCode untuk apa?

Karena itu, kita membutuhkan catatan agar bisa mengingat.

Coba perhatikan ini:

Yang saya lingkari merah itu adalah komentar atau catatan yang akan mengingatkan saya tentang pekerjaan yang harus dilakukan di bagian tersebut.

Karena tulisan saya sangat panjang, jadi komentar ini sangatlah berguna.

Nah, di HTML juga kita akan menemukan hal yang demikian. Nantinya, dokumen HTML kita akan semakin banyak dan panjang.

Agar bisa mengingat strukturnya, sebaiknya ditambahkan komentar.

Bagaimana cara membuatnya?

Mari kita pelajari..

Apa itu Komentar dalam HTML?

Komentar adalah elemen yang akan diabaikan oleh browser. Ia tidak akan ditampilkan di dalam web.

Komentar biasanya digunakan untuk memberikan informasi tambahan pada kode HTML dan kadang juga digunakan untuk menon-aktifkan beberapa kode HTML.

Cara Membuat Komentar di HTML

Komentar dapat kita buat dengan tag .

Contoh:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Belajar Membuat Komentar di HTML</title>
    </head>
    <body>
      <!-- ini adalah komentar -->
      <p>Hello World!</p>
      <!-- ini juga komentar
      dan ditulis dalam dua baris -->
    </body>
</html>

Hasilnya:

Komentar tidak akan ditampilkan oleh browser, tapi kita bisa melihatnya dengan cara view source.

Klik kanan pada browser, lalu pilih view page source.

Jalan Pintas untuk Membuat Komentar

Jika kamu menggunakan teks editor Visual Studio Code, kamu bisa membuat komentar dengan menekan Ctrl+/.

Cara ini lebih cepat dibandingkan dengan harus menulis secara manual tag komentarnya.

Atribut untuk Komentar

Komentar tidak bisa ditambahkan atribut. Jika kamu mencoba menambahkannya, itu akan sia-sia. Soalnya komenter merupakan elemen yang tidak akan diproses oleh browser.

Fungsi Komentar

Komentar memang tidak akan ditampilkan di web, namun bukan berarti ia tidak memiliki fungsi.

Berikut ini beberapa fungsi komenter:

1. Komentar untuk Menjelaskan Arti Tag

Saat belajar HTML, kamu mungkin akan kesulitan mengingat fungsi dan arti dari tag HTML. Karena itu, kamu harus membuat catatan untuk mengingatnya.

Ini bisa kamu lakukan dengan mencatat di buku, maupun media lain. Tapi, alangkah baiknya memanfaatkan komentar untuk mencatat.

Contoh:

<!DOCTYPE html> <!-- ini tag untuk menentukan type dokumen -->
<html lang="en">
    <head>
      <title>Belajar Membuat Komentar di HTML</title>
        <!-- tag title berfungsi untuk membuat judul web dan akan ditampilkan
        pada title bar di browser -->
    </head>
    <body>
      <p>Ini tag paragraf yang aktif</p>
      <!-- 
        tag <p> adalah tag untuk membuat paragraf 
      -->
    </body>
</html>

Jika kita lupa, kita bisa membuka kembali dan mempelajari kode tersebut.

Tapi ingat, jangan buat komentar seperti ini pada proyek websitemu. Karena akan sangat mengganggu dan membuat kode sulit terbaca.

Sebaiknya, komentar yang berisi penejlasan semacam ini dibuat pada kode HTML yang kita pakai untuk belajar. Bukan kode HTML untuk web asli.

2. Komentar untuk Menyimpan Todo List

Komentar kadang sering digunakan juga untuk menyimpan todo list, ini akan membantu kita menginta apa yang harus dikerjakan pada bagian HTML tertentu.

Bagaimana cara run di VSCode?

Pertama, buka command palette dengan menekan tombol F1 atau Ctrl + Shift + P . Kemudian ketik run code , lalu enter. Kedua, gunakan shortcut Ctrl + Alt + N . Dan yang terakhir, cukup klik kanan pada workspace kalian, dan pilih Run Code.

VSCode bisa bahasa apa saja?

Misalnya, seperti JavaScript, TypeScript, dan Node.js. Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan runtime environment lain, seperti PHP, bahasa Python, Java, dan .NET. Hal ini berkat ekosistemnya yang luas dan ketersediaan extension yang melimpah.

Apa saja kode HTML?

Berikut adalah 9 kode HTML untuk blog dan arti coding tersebut:.

Title Tag. Tag HTML yang pertama yaitu title tag. ... .

Meta Description. Berikutnya, ada meta description. ... .

3. Heading Tag. ... .

4. Anchor Text dan Link. ... .

Nofollow. ... .

6. Image Alt Text. ... .

7. Tag Kanonikal. ... .

9. Tag Huruf Tebal (Bold).

Code runner VSCode untuk apa?

6. Code Runner Code Runner sangat membantu apabila kita ingin melakukan testing pada kode atau fungsi yang kita tulis sudah berjalan dengan baik atau tidak. Code Runner mendukung banyak bahasa pemrograman seperti C, C++, Java, JavaScript, PHP, Python, dan masih banyak lagi.

kode html