HTML: Cara Membuat Daftar/List

Assalamu'alaikum wr.wb

Kali ini saya akan membagikan Cara Membuat Daftar/List pada HTML. Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan denngan angka/huruf, sedangkan unordered list dengan bulatan/kotak.

Ordered list menggunakan tag <ol>, dan unordered list menggunakan <ul>, sedangkan untuk list sendiri menggunakan tag <li>.

Contoh Ordered List (menggunakan tag <ol>) :

Contoh Unordered List (menggunakan tag <ul>) :

Sekian artikel kali ini. Selamat mencoba & Semoga berhasil...!!!

Wassalamu'alaikum wr.wb

Read More

HTML : Cara Membuat Komentar

Assalamu'alaikum wr.wb

Kali ini saya akan membagikan Cara Membuat Komentar Pada HTML. Untuk membuat komentar di HTML, kita menggunakan awalan <!– dan penutup –>.

Contoh :

Tag komentar ini juga akan berlaku selama belum di temukan tag penutup. Contohnya dapat dilihat dari kode berikut:

Selain sebagai pengingat atau catatan, tag komentar juga akan berguna untuk membuat sebagian isi web tidak tampil untuk sementara. hal ini sangat berguna jika kita ingin mencoba berbagai tampilan kode HTML yang akan dibuat, tetapi tidak ingin menghapus kode sebelumnya.


Perlu juga menjadi catatan bahwa walaupun komentar tidak ditampilkan pada web browser, tetapi seseorang masih bisa membaca komentar tersebut dengan cara melihat source halaman HTML. Oleh karena itu, sebaiknya kita tidak menambahkan komentar yang sensitif atau bersifat rahasia, seperti username atau password.

Sekian Cara Membuat Komentar Dalam HTML. Semoga bermanfaat...!!!

Wassalamu'alaikum wr.wb

Read More

HTML: Cara Membuat Gambar Sebagai Link

Assalamu'alaikum wr.wb

Pada postingan kali ini saya akan berbagi tentang Cara Membuat Gambar Sebagai Link.

Contoh :

Hasil :

Keterangan :

• <a>                           : Elemen untuk mendefinisikan link
• <img> didalam <a> : Untuk menggunakan gambar sebagai link
• href                            : Untuk menentukan alamat link
• src                             : Untuk menentukan url gambar
• alt                              :Menentukan sebuah teks alternatif yang akan digunakan, jika gambar tidak dapat ditampilkan

Sekian artiket tentang Membuat Gambar Sebagai Link, Semoga bermanfaat!!!.


Wassalamu'alaikum wr.wb

Read More

HTML: Cara Membuat Tombol Radio/Pilihan

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi tentang Cara Membuat Tombol Radio/Pilihan, Tombol radio membiarkan pengguna memilih SATU dari sejumlah pilihan.

Contoh :

 Hasil :

Keterangan :

• <p> : Untuk membuat paragraf
• <form> : Mendefinisikan sebuah form HTML untuk input form
• <input type = "radio"> : Mendefinisikan tombol radio

Sekian Artikel kali ini, Semoga bermanfaat...!!!

Wassalamu'alikum wr.wb

Read More

HTML: Cara Menambah Link

Assalamu'alaikum wr.wb

Pada Postingan kali ini saya akan berbagi Cara Menambah Link dengan HTM, mungkin di googe sudah banyak tutorial seperti ini. Namun Saya akan memposting untuk sekedar menambah wawasan.

Contoh :

Hasil:

Jika kalian meng-klik tulisan "KlikDisini" maka akan diarahkan ke link yang dituju.

Keterangan

• <p>  : Untuk membuat paragraf
• <a>  : Untuk mendefinisikan link
• href   : Untuk menentukan alamat link

Sekian cara menambah link dengan html, semoga bermanfaat!!!

Wassalamu'alaikum wr.wb

Read More

HTML: Cara Membuat Tabel

Assalamu'alaiku wr.wb

Pada Postingan kali ini saya akan Membuat Tabel dengan HTM, mungkin di googe sudah banyak tutorial untuk membuat tabel. Namun Saya akan memposting untuk menambah ilmu pengetahuan sobat semua.

Contoh :

Hasil :

Keterangan :

• <tabel>     : Untuk mendefinisikan tabel
• <caption> : Untuk membuat caption pada tabel
• <th>          : Untuk mendefinisikan sel header di dalam  sebuah tabel
• <tr>          : Untuk membuat baris di dalam sebuah tabel
• <td>          : Untuk mendefinisikan sel di dalam sebuah tabel

Sekian, Semoga bermanfaat!!!

Wassalamu'alaikum wr.wb

Read More

HTML: Tag dasar HTML dan fungsinya

Assalamu'alaikum wr.wb

Kali ini saya akan berbagi Tag dasar HTML dan fungsinya. Bagi sobat yang sedang belajar HTML mungkin ini sangat berguna.

Tag	Keterangan
<!– ….–>	Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html>	digunakan untuk Mendefinisikan tipe document
<a>	Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b>	membuat teks menjadi tebal
<p>	membuat paragraf
<h1>	membuat heading satu
<h2>	membuat heading dua
<body>	mendefinisikan body/isi dokument html
<head>	mendefinisikan bagian kepala dokumen html
<title>	memdefiniskan judul halaman
<div>	mendefinisikan halaman
<link>	mendefinisikan hubungan antar dokumen
<script>	Mendefinisikan client-side script
<table>	mendefinisikan tabel
<th>	Mendefinisikan sel header di dalam sebuah tabel
<td>	Mendefinisikan sel di dalam sebuah tabel
<tr>	Membuat baris di dalam sebuah tabel
<ul>	Mendefinisikan daftar dalam format bullet
<li>	mendefinisikan list

Sekian postingan saya, semoga bermanfaat!!!

Wassalamu'alaikum wr.wb

Read More

HTML: Mengenal HTML

Assalamu'aikum wr.wb...

Kali ini saya akan Share tentang Apa sih HTML itu?

HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.

Sumber : http://www.duniailkom.com/belajar-html-pengertian-html/

Contoh HTML:

             Hasil:

             Keterangan:

• <!DOCTYPE html> : Mendefinisikan informasi tipe dokumen berupa html
• <html>   </html>   : Untuk mendifinisikan sebuah dokumen html
• <head>   </head>  : Untuk memberitau tentang informasi dokumen
• <title>   </title>     : Untuk membuat judul dokumen HTML yang berada pada tab browser
• <body>   </body>  : Isi yang di tampilkan di web browser

             Hasil

             Keteranagan:

•         <b>   </b>     : Untuk membuat text tebal
•         <i>   </i>       : Intuk membuat text miring (italic)
•         <u>   </u>     : Untuk membuat text bergaris bawah
•         <h1>   </h1> : Untuk menunjukkan header/judul isi dokumen HTML tersebut, diikuti <h2>, <h3> sampai <h6>
•         <br>   </br>  : Memberi baris baru/pindah baris

Itulah sedikit ulasan tentang HTML. Semoga bermanfaat!!!

Wassalamu'alaikum wr.wb

Read More