Category Archives: HTML

Tutorial html

Membuat Menu Drop Down dengan HTML dan CSS

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 »

Membuat Menu Horizontal dengan HTML dan CSS

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 »

Membuat Menu Vertikal dengan HTML dan CSS

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 »

Membuat Layout dengan HTML dan CSS

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 »

Metadata dalam HTML

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 dalam HTML

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 »

Membuat Form dalam HTML

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 »

Membuat Tabel dalam HTML

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 »

Membuat Daftar atau List dalam HTML

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 »

Membuat Hyperlinks

Links atau hyperlinks merupakan hal yang tidak kalah penting dalam halaman web, karena melalui links inilah dapat terhubung dengan halaman-halaman web atau dokumen lainnya. Jadi fungsi dari hyperlinks adalah membangun tautan antara satu halaman dengan halaman lainnya. Objek yang dapat diberi links atau tautan dapat berupa teks, gambar atau elemen lainnya, biasanya ditandai dengan tangan… Read More »