Menulis kode yang rapi dan efisien bukan hanya soal sintaks yang benar, tetapi juga tentang bagaimana kita menyusun arsitektur aplikasi. Dalam proyek besar, semakin banyak fitur dan modul yang ditambahkan, semakin kompleks pula alur logika yang harus diatur. Di sinilah pentingnya penerapan Design Pattern di Proyek JavaScript Modern — pola desain yang membantu pengembang membangun… Read More »
Pada tutorial sebelumnya kita sudah belajar membuat menu vertikal dan menu horizontal dengan html dan css, sekarang kita akan coba membuat menu drop down atau pop up menu. Maksud dari menu drop down di sini sebenarnya pop up menu atau menu yang muncul secara vertikal dari atas ke bawah ketika kursor diarahkan ke salah satu… Read More »
Setelah sebelumnya belajar tentang membuat menu vertikal dengan html dan css, sekarang kita akan belajar salah satu cara membuat menu horizontal. Maksud menu horizontal yaitu menu yang tersusun dari kiri ke kanan atau dari kanan ke kiri. Untuk membuat menu horizontal sama juga seperti membuat menu vertikal yaitu menggunakan tag un-ordered list <ul>. Tentu saja… Read More »
Dalam tutorial kali ini kita akan coba membuat menu vertikal dengan html dan css, maksudnya susunan menunya dari atas ke bawah. Sebetulnya tidak hanya untuk menu tapi bisa juga untuk membuat daftar kategori, daftar judul artikel yang biasanya ditempatkan di kolom sebelah kiri atau kanan dari layout halaman web bahkan bisa juga di bagian footer.… Read More »
Sebelum membuat halaman web tentunya harus terlebih dahulu membuat layout sebagai rancangan agar memudahkan dalam penempatan objek baik di bagian header, menu, isi dan footer. Sebetulnya sebelum adanya CSS, layout bisa dibuat dengan tabel, tapi dengan adanya CSS lebih memudahkan dalam penempatan objek dan pengaturannya. Dalam tutorial kali ini, kita akan coba membuat layout halaman… Read More »
Elemen head berisi metadata yang diletakan diantara tag <html> dan tag <body>. Metadata adalah data tentang dokumen html yang tidak ditampilkan pada browser. Tag-tag yang terdapat dalam elemen head diantaranya, <title> menetapkan judul pada tab browser, pada halaman web favorit dan pada hasil pencarian mesin pencari. <style> digunakan untuk mengatur tampilan dengan CSS. <link> digunakan… Read More »
Iframe digunakan untuk menampilkan halaman web dalam halaman web, dengan sintak dasar <iframe src=”URL“></iframe>. Atribut src isi dengan sebuah alamat web yang akan ditampilkan dalam iframe. Dan untuk mengatur luas dan tinggi frame dapat menambahkan atribut widht dan height dengan nilai satuan pixel atau persen. Contoh: <iframe src=”demo_iframe.html” height=”200″ width=”300″></iframe>. Secara default iframe memiliki border atau garis bingkai, dan tentu saja… Read More »
Untuk membuat form dalam html harus mengetahui elemen dan atribut pembentuk form. Elemen form terdiri atas form, input, select, textarea, button, label, fieldset, legend, optgroup, option, datalist, keygen, dan output. Elemen input memiliki beberapa tipe, diantaranya input type text, password, submit, reset, radio, checkbox, button, color, date, datetime-local, email, month, number, range, search, tel, time,… Read More »
Untuk membuat tabel dalam dokumen html menggunakan tag <table> dengan tag <tr> untuk membuat baris dan tag <td> untuk membuat kolom. Sehingga secara sederhana untuk membuat tabel adalah sebagai berikut: <table><tr><td>isi tabel</td></tr></table>. Terkadang dalam membuat tabel membutuhkan cara untuk menggabungkan kolom atau baris, untuk ini digunakan atribut colspan dan rowspan. Berikut ini beberapa tag dan… Read More »
Untuk membuat daftar atau list dalam dokumen html tidaklah sulit. List di sini maksudnya penulisan poin per poin baik dengan numbering yang disebut ordered list atau bullets yang biasa disebut unordered list. Tag yang digunakan untuk membuat daftar atu list adalah tag <ul><li>…</li></ul> untuk unordered list dan tag <ol><li>…</li></ol> untuk ordered list. Unordered list mempunyai… Read More »