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 »
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 »
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 »
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 »
Dalam CSS penggunaan properti font, text, list dan background digunakan untuk mengatur tampilan dan memformat teks dalam dokumen html
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 »
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 »