Langsung ke konten utama

Belajar HTML dasar bersama part 10 : Mengenal dan cara membuat Comment atau Komen pada HTML

 


comment dalam HTML artinya bukan komentar seperti di facebook atau di youtube, tapi komentar yang akan kita pasang dalam kode HTML, sebelumnya saya mohon izin untuk mengucapkan

Salam Sobat semua

Alhamdulillah hari ini masih di beri kesempatan untuk menulis dan berbagi lagi dengan kalian dalam keadaan sehat wal afiat, semoga kalian

juga di berikan kesehatan dan kesempurnaan dalam hidup kalian sekeluarga. Aamiiin.


untuk kesempatan kali ini kita akan mencoba apa yang namanya Comment atau Komen pada HTML.

Comment atau komen pada HTML ditandai dengan <!-- dan ditutup dengan tanda -->. untuk fungsi komen sendiri adalah untuk biar kita bisa menulis kalimat

atau suatu kata pada lembaran HTML dan kata atau kalimat tersebut tidak bisa atau tidak dapat di eksekusi oleh HTML. jadi dengan kata lain kalimat

atau kata tersebut tidak akan tampil dalam output HTML. biar lebih jelas dan mudah dicerna dan dipahami kita langsung praktek saja kawan.


sekarang langsung saja buka notepad++ nya, kemudian buatlah lembaran baru pada notepad++.

- setelah itu kalian bisa menulis suatu kode seperti berikut atau kita bisa pakai jurus copy paste kawan kode berikut

<html>
<head>
<title>Website Pertama</title>
</head>
<body>
<p>Belajar Bersama HTML tentang Tag UL dan OL
<!-- ini adalah komen untuk Tag UL list Nama Malaikat 
<p>Ini contoh tag UL list nama malaikat
<ul>
<li>Malaikat Jibril</li>
<li>Malaikat Mikail</li>
<li>Malaikat Isrofil</li>
<li>Malaikat Izroil</li>
<li>Malaikat Rokib dan Atid</li>
</ul>
</p>
<!-- ini adalah komen untuk Tag OL list Nama Nabi 
<p> Ini Contoh Tag OL list nama Nabi
<ol>
<li>Nabi Adam A.S.</li>
<li>Nabi Idris A.S.</li>
<li>Nabi Nuh A.S.</li>
<li>Nabi Hud A.S.</li>
<li>Nabi Saleh A.S.</li>
</ol>
</p>
</p>-->
</body>
</html>

1. dari kode diatas maka akan diperoleh hasil seperti berikut



 dari melihat hasil diatas kita sudah bisa melihat dan mencerna bahwa ada suatu kode yang hilang atau tidak tertampil dalam lembaran HTML tersebut.


- dan sekarang kita coba hilangkan tanda komen pada kode berikut.

<html>
<head>
<title>Website Pertama</title>
</head>
<body>
<p>Belajar Bersama HTML tentang Tag UL dan OL
ini adalah komen untuk Tag UL list Nama Malaikat 
<p>Ini contoh tag UL list nama malaikat
<ul>
<li>Malaikat Jibril</li>
<li>Malaikat Mikail</li>
<li>Malaikat Isrofil</li>
<li>Malaikat Izroil</li>
<li>Malaikat Rokib dan Atid</li>
</ul>
</p>
ini adalah komen untuk Tag OL list Nama Nabi 
<p> Ini Contoh Tag OL list nama Nabi
<ol>
<li>Nabi Adam A.S.</li>
<li>Nabi Idris A.S.</li>
<li>Nabi Nuh A.S.</li>
<li>Nabi Hud A.S.</li>
<li>Nabi Saleh A.S.</li>
</ol>
</p>
</p>
</body>
</html>

2. maka kode diatas akan menghasilkan seperti berikut.


dari hasil diatas kita bisa melihat bahwa ketika tanda <!-- komen dan --> penutupnya ini dihapus maka akan muncul kode kode yang ada diantara tanda <!-- dan 

tanda -->.


dari penjelasan diatas maka penggunaan komen ini bertujuan agar kode atau kata atau kalimat tidak bisa diproses oleh HTML. tapi dalam praktek nya sendiri tanda

komen ini lebih digunakan untuk penanda pada setiap baris kode sebagai pengingat untuk si pembuat atau pun sipembaca agar si pembuat tidak lupa dengam alur 

HTML nya dan sipembuat lebih mudah memahami alur kode HTMLnya.


untuk tutorial kali ini cukup sekian dulu,kita lanjut nanti di next tutorial kawan


Salam sobat semua


#html #free #share #code #design #web #websites #website #comment #komen #gratis #study #belajar #berbagi #pemrograman

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Install Perl

  Salam Sobat Semua ALhamdulillah Sholawat serta salam tetap tercurah kepada sang panutan sayyidina Muhammad S.A.W. untuk kesempatan kali ini saya ingin berbagi tentang Applikasi perl dan Instalasi nya. mungkin kebanyakan orang applikasi perl ini tidak begitu penting apalagi di kalangan designer. tapi lain kata dengan kalangan yang suka melakukan aktifitas hacking,cracking,carding dan programming. mereka akan sangat membutuhkan applikasi ini karena memang ada beberapa tool atau alat yang terbuat dari bahasa perl. dan Insya Allah nanti saya akan berbagi juga dasar dasar perl oke :D heheheh. ok langsung saja.  - Download applikasi instalasi perl di https://adsafelink.com/4vKs7DHTY7 - ekstrak dari winrar nya 1. klik dua kali applikasi instalasi perl yang sudah di download dan setalah muncul jendela seperti di gambar maka klik next 2. Pilih option i accept dan kemudian klik next seperti tampak pada gambar 3. di bagian jendela ini untuk settingannya kita pakai yang standard saja ti...
Posting Komentar
Baca selengkapnya

Belajar HTML bersama part 2(mengenai Tag Heading)

  Alhamdulillah segala puji bagi Rabb semesta alam yang masih di beri kesempatan bisa bertemu lagi di tulisan atau video ini. pada kesempatan kemaren kita sudah mencoba membuat file html. dan sekarang ayo kita mencoba yang lebih dalam mengenai HTML. di dalam file kemaren atau bacaan atau video kemaren ada beberapa isi body yang kita tahu. yaitu <h1> dan <p>. untuk kesempatan kali ini saya mencoba memberitahukan arti h1 itu dulu, dan next bacaan atau video kita lanjutkan yang lain. untuk h1 kalau dalam teori disebut heading yang fungsinya membuat tulisan di dalam body itu berukuran menurut ukuran sesuai sistem. h1 ini terdiri sampai h6. jadi kita nanti kita akan coba h1 sampai h6. sekarang kita coba buka notepad lagi dan tulis atau copy paste tulisan berikut <html> <head> <title>Website Pertama</title> </head> <body> </body> </html> kemudian diantara tag body kita tulis atau copy paste tag h1 kemudian di sav...
Posting Komentar
Baca selengkapnya