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

Komentar

Postingan populer dari blog ini

belajar CSS dasar bersama part 3 : Cara mengetahui dan menetapkan nilai hex warna pada CSS atau HTML dengan offline beserta kelebihannya

   warna di css merupakan bagian terpenting, karena warna akan mempercantik sebuah tampilan website yang nanti akan kita buat, namun kita harus tahu bagaimana cara membuat atau memberi nilai atau value hex warna di css sehingga tampilan HTML kita akan cantik dan menarik, tapi sebelum kita memulai izinkan saya untuk mengucapkan Salam sobat semua Alhamdulillah atas segala sesuatu nikmat yang telah Allah berikan kepada diri ini, dan salah satu nya nikmat masih di beri kesempatan untuk bisa menulis dan berbagi dengan kalian. dalam kesempatan kali ini sesuai janji saya pada tulisan sebelumnya bahwa kita akan mencoba bagaimana caranya mendapat nilai hex warna pada CSS atau html secara offline. dan untuk kali ini kita akan memakai aplikasi pembantu yaitu adobe photoshop. dan ini sudah saya lakukan bertahun-tahun dalam pembuatan websites ataupun blog. bagi yang belum punya adobe photoshop di perangkatnya silahkan kalian  baca tutorial sebelumnya tentang adobe photshop disini. kalau bagi yang s

Install Notepad ++

Install Notepad ++ Salam semuanya sobat Pada kesempatan kali ini saya ingin menyimpan tata cara instal notepad ++ dan filenya. Agar tidak usah mencari di blog lain hehehehe. Fungsi notepad ++ ini sangatlah banyak dan sering saya gunakan untuk keperluan sehari-hari seperti koding php, html, perl dan lain-lain. Bagi saya tools kecil ini sangat bermanfaat. Dan siapa tahu juga bermanfaat buat kalian semua pembaca. Oke langsung saja download aplikasi notepad ++ nya disini Kemudian ekstrak filenya dan klik file exe installernya dua kali, sehingga akan tampil serperti pada gambar, dan kemudian pilih english saja dan klik ok. Kemudian klik next seperti pada gambar  Kemudian klik i agree Dan kemudian klik next saja kalo ingin letak folder installer atau pemasangannya di defaultkan oleh kita.  Kalau ingin dipindah, tinggal klik browse saja dan kemudian pilih letak foldernya  Kemudian ada beberapa pilihan atau opsi. Ikuti seperti gambar ya hehehehe: D  Dan yang terkahir selesai dan di tahap ini