• Vlog

    Bukit Saronge

    Bukit Saronge ini terletak di Desa Sukadamai Kec. Cicantayan Kab. Sukabumi, Bukit ini di rencanakan  akan dijadikan tempat wisata baru, dibukit ini selain memiliki pemandangan yang indah juga terdapat gua kars yang konon pada jaman perang Kemerdekaan di jadikan persembunyian para Pejuang. Semoga perijinan wisata bukit saronge ini dapat segera terwujud, dan memberikan kesejahteraan bagi warga sekitar.

    Komentar Dinonaktifkan pada Bukit Saronge
  • Vlog

    What I’ve Done

    What I’ve Done, lagu ini merupakan salah satu lagu favorit saya yg di miliki linkin park, dengan vokal chester bennington yang powerfull. Linkin Park adalah teman sehari2 dalam menemani masa-masa kuliah dulu, di tengah suntuk dan lemah nya masa tugas-tugas kuliah lagu-lagu dari Linkin Park lah yang menguatkan dan menemani setiap hari di kamar kost. RIP Chester Bennington 21 Juli 2017

    Komentar Dinonaktifkan pada What I’ve Done
  • Ruang Guru

    HTML Dasar Part 11: Cara Menambahkan Gambar di HTML (tag image)

    Atribut src dalam tag <img> Atribut src adalah singkatan dari source, merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan. Alamat ini bisa relatif atau absolute. (perbedaan tentang alamat relatif dan alamat absolute telah kita bahas pada Belajar HTML: Cara Membuat link di HTML). Untuk contoh kode HTML tentang image ini, sediakan sebuah gambar yang akan digunakan sebagai tampilan, dan tempatkan gambar tersebut ke dalam satu folder dengan halaman contoh. Gambar dapat berupa JPEG, PNG, maupun GIF. Pada contoh dibawah ini saya menggunakan sebuah gambar koala.jpg yang berada dalam satu folder dengan halaman HTML saat ini. Savelah sebagai img.html Contoh penggunaan tag <img>: 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html> <head>    <title>Penggunaan Tag Image</title> </head> <body>    <h1>Belajar Tag Gambar</h1>    <img src="koala.jpg" /> </body> </html> Perhatikan bahwa tag <img> tidak…

    Komentar Dinonaktifkan pada HTML Dasar Part 11: Cara Menambahkan Gambar di HTML (tag image)
  • Ruang Guru

    HTML Dasar Part 10: Cara Membuat link di HTML (tag a)

    Cara Membuat link di HTML Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini. Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference). Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini. Contoh penggunaan tag link <a>: 1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html> <html> <head>   <title>Penggunaan Tag Link </title> </head> <body>   <h1>Belajar Tag Link</h1>   <p>Saya sedang belajar HTML dari   <a href="http://www.duniailkom.com">Duniailkom</a></p> </body> </html>   Alamat Absolute dan Alamat Relatif Pada contoh diatas kita menuliskan alamat link secara…

    Komentar Dinonaktifkan pada HTML Dasar Part 10: Cara Membuat link di HTML (tag a)
  • Ruang Guru

    HTML Dasar Part 9: Cara Membuat Daftar/List di HTML (tag ol, ul dan li)

    Cara Membuat Daftar/List di HTML Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered listdengan bulatan atau kotak. Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh. Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>: <!DOCTYPE html> <html> <head> <title>penggunaan tag list </title> </head> <body> <h1>daftar belanjaan</h1> <ol> <li>minyak goreng</li> <li>sabun mandi</li> <li>deterjen</li> <li>shampoo</li> <li>obat nyamuk</li> </ol> </body> </html>   Untuk membuat unordered list, tinggal ganti tag <ol> menjadi <ul>. Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>: <!DOCTYPE html> <html> <head> <title>penggunaan tag list </title> </head> <body> <h1>daftar…

    Komentar Dinonaktifkan pada HTML Dasar Part 9: Cara Membuat Daftar/List di HTML (tag ol, ul dan li)
  • Ruang Guru

    HTML Dasar Part 8: Cara Membuat Judul / Heading di HTML (tag h1)

    Cara Membuat Judul (heading) di HTML HTML menyediakan tag khusus untuk membuat judul atau di dalam HTML lebih di kenal dengan istilah: heading. Heading dirancang terpisah dari paragraf. Tag Heading biasanya digunakan untuk judul dari paragraf, atau bagian dari text yang merupakan judul. Tag heading di dalam HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan huruf tebal (bold). Tampilan dari tag header juga dibuat bertingkat. Tag header <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil. Berikut adalah contoh penggunaan tag heading di dalam HTML: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html> <head>   <title>penggunaan tag heading</title> </head> <body>   <h1>ini adalah judul dengan h1…

    Komentar Dinonaktifkan pada HTML Dasar Part 8: Cara Membuat Judul / Heading di HTML (tag h1)
  • Ruang Guru

    HTML Dasar Part 7: Cara Membuat Paragraf di HTML (tag p)

    Untuk memahami cara pembuatan paragraf di dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, lalu ketikkan kode berikut: Contoh penggunaan tag paragraf: 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html> <head>   <title>Title dari Websiteku</title> </head> <body>   Ini adalah paragraf pertama   Ini adalah paragraf kedua </body> </html> Save sebagai paragraf.html, lalu jalankan di web browser. Kita akan melihat bahwa paragraf tersebut tidaklah berada pada baris berbeda, namun berada pada satu baris yang sama. Dalam HTML, spasi akan diabaikan, termasuk jika kita merubahnya menjadi : Contoh penggunaan tag paragraf 2: 1 2 3 4 5 6 7 8…

    Komentar Dinonaktifkan pada HTML Dasar Part 7: Cara Membuat Paragraf di HTML (tag p)
  • Ruang Guru

    HTML Dasar Part 6: Cara Membuat Struktur Dasar HTML

    Struktur Dasar HTML Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut. Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini: Contoh struktur dasar HTML: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html>   <html>   <head>     <title>Title dari Websiteku</title>   </head> <body>    <p>Selamat Pagi Dunia, Hello World!</p> </body> </html> Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada tutorial kali ini.   Pengertian DTD atau DOCTYPE Tag paling awal dari contoh HTML diatas…

  • Ruang Guru

    HTML Dasar Part 5: Pengertian Tag, Elemen, dan Atribut pada HTML

    Pengertian Tag dalam HTML Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag. Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup ini. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”. Berikut adalah format dasar penulisan tag HTML: <tag_pembuka>objek yang dikenai perintah tag</tag_penutup> Sebagai contoh, perhatikan kode HTML berikut : <p> Ini adalah sebuah paragraf </p> <p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf. </p> adalah tag penutup paragraf. Perbedaannya…

    Komentar Dinonaktifkan pada HTML Dasar Part 5: Pengertian Tag, Elemen, dan Atribut pada HTML
  • Ruang Guru

    HTML Dasar Part 6: Cara Membuat Struktur Dasar HTML

    Struktur Dasar HTML Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut. Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini: Contoh struktur dasar HTML: 1 2 3 4 5 6 7 8 9 <!DOCTYPE html>   <html>   <head>     <title>Title dari Websiteku</title>   </head> <body>    <p>Selamat Pagi Dunia, Hello World!</p> </body> </html> Save sebagai halaman.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Kita akan membahas tag-tag yang ditulis tersebut pada tutorial kali ini.   Pengertian DTD atau DOCTYPE Tag paling awal dari contoh HTML diatas…

    Komentar Dinonaktifkan pada HTML Dasar Part 6: Cara Membuat Struktur Dasar HTML