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 »

Properti untuk Penempatan Objek dalam CSS

Dalam CSS suatu objek dapat diatur penempatannya baik itu di sebelah kiri, kanan atau terhadap objek lainnya. Pengaturan penempatan objek dapat memanfaatkan properti Float, Clear dan Z-Index. Dengan properti Float kita dapat leluasa menempatkan objek di sisi tertentu. Kemudian dapat dipadukan dengan properti Clear untuk mengatur apakah suatu objek dapat ditempatkan atau tidak sebelum atau… Read More »

Category: CSS

Mengatur Posisi Objek dalam CSS

Untuk mengatur posisi objek terhadap objek lainnya dalam CSS dapat memanfaatkan properti Position. Dimana Position Property mempunyai value Static, Absolute, Relative dan Fixed. Jika bernilai static maka objek tidak akan terpengaruh penempatan dari left, top, right dan bottom, objek kedua akan ditempatkan setelah objek pertama, dst. Sementara bila bernilai absolute maka objek terpengaruh penempatan jarak… Read More »

Category: CSS

Properti Border, Margin dan Padding dalam CSS

Untuk mengatur border atau bingkai suatu layer dalam CSS dapat menggunakan properti border, sementara untuk mengatur jarak antar objek menggunakan properti margin, dan untuk mengatur jarak di dalam objek atau layer dapat menggunakan properti padding. Lebih lengkapnya dapat mempelajari cara penggunaannya seperti di bawah ini: Border Property Border-style-type, untuk mengatur jenis garis bingkai yang digunakan… Read More »

Category: CSS

Cara Install Live Server di Visual Studio Code

Visual Studio Code merupakan salah satu perangkat lunak text editor yang dapat digunakan untuk menulis baris kode bahasa pemrograman seperti html, css, java script, java, php, dll. dengan cukup banyak dukungan melalui extensi yang dapat diinstal untuk membantu mempermudah dan mempercepat penulisan baris kode program. Ada salah satu ekstensi yang cukup penting bagi seorang programmer… 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 »