Satuan (unit ) yang digunakan untuk mengatur tingg (height) dan lebar (width) suatu elemen html umumnya berikut ini yaitu px (pixel), satuan yang absolut atau fixed, jadi setiap elemen yang diberikan ukuran tinggi / lebar menggunakan satuan px maka ukuran nya pasti tidak berubah ubah meskipun ukuran dari browser atau container nya berubah. Contoh div{ … Continue reading Satuan (unit) dalam CSS
Author: Usman
Mengatur Dimensi (Width & Height)
Suatu elemen html yang mempunyai display block bisa di atur dimensinya yaitu ukuran tinggi & lebar nya. Contoh <!DOCTYTPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content="Gudang Kode"> <meta name="keyword" content="HTML, CSS, Javascript"> <meta name="author" content="Muhammad Usman"> <title>Dimensi</title> <style> div{ background-color:green; height:100px; width:100px; } </style> </head> <body> <div> Hello world </div> </body> </html> Pada source … Continue reading Mengatur Dimensi (Width & Height)
Struktur Tag HTML
Berikut struktur tag dasar HTML <!DOCTYPE html> <html> <head> </head> <body> </body> </html> bagian <head></head> di dalam <head> tag tag apa saja yang bisa kita berikan : tag <title></title> ; berfungsi untuk menampilkan judul halamanCss <style></style>; berfungsi untuk menambahkan style cssJavascript <script></script> ; berfungsi untuk menambahkan perintah perintah javascriptmetadata <meta></meta> metadata <head> <meta charset="UTF-8"> <meta … Continue reading Struktur Tag HTML
Property CSS : Display
Setiap tag html mempunyai property display default yaitu block & inline. 1) display:inline; Property display dengan value inline memiliki efek berikut ini : Element html yang secara default tidak baris baru ketika dibuat (tampil secara horizontal)Lebar dan tinggi elemen nya sebesar konten yang ada di dalamnyaKita tidak bisa mengatur tinggi (height) dan lebar (width) dari … Continue reading Property CSS : Display
Membuat Program Penilaian Sederhana Menggunakan PHP
Pada contoh kali ini saya akan share program penilaian sederhana menggunakan PHP, dimana pada source code ini saya memanfaatkan fungsi if, !empty, min max. Ok, kita langsung ke source code nya ya Checkit it out <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Percabangan IfElseIf</title> </head> <body> <header> <h3 align="center">Percabangan If Else If</h3> … Continue reading Membuat Program Penilaian Sederhana Menggunakan PHP
Membuat Program Toko Sederhana
Pada contoh kali ini saya akan membagikan contoh sederhana membuat program toko menggunakan PHP (belum disertakan script Java Script). Tujuannya agar fokus ke pemahaman PHP. Yuk, langsung saja ke source code nya. Checkit out <!DOCTYPE html> <html> <head> <title>Program Toko Sederhana</title> </head> <body> <header> <b><p align="center">PROGRAM TOKO SEDERHANA</p></b> <b><p align="center">TOKO HAJI MUNIR</p></b> <hr> </header> <main> … Continue reading Membuat Program Toko Sederhana
Membuat Format Mata Uang (Rupiah) di PHP
Penulisan angka dengan format mata uang akan dibutuhkan jika membuat program dengan berbasis hitung hitungan angka terutama yang berkaitan dengan uang misal sistem kasir, sistem keuangan, dsb. Contoh : Anda akan menghitung jumlah kembalian 989099(sembilan ratus ribu delapan puluh ribu sembilan puluh sembilan rupiah) dari sebuah transaksi penjualan di toko yang dibayar dengan nominal pembayaran … Continue reading Membuat Format Mata Uang (Rupiah) di PHP
Membuat Tabel Otomatis Menggunakan Perulangan Do While()
Postingan kali ini saya membuat tabel otomatis menggunakan perulangan do while (), yuk kita langsung saja ke source code nya. Checkit out <!DOCTYPE html> <html> <head> <title>Perulangan Input 2</title> </head> <body> <h3 align="center">Membuat Table Menggunakan Perulangan While</h3> <hr> <h3>Input</h3> <form action="" method="post"> <label>Input sembarang angka1</label> <input type="number" name="angka1" placeholder="Angka 1"><br> <label>Input sembarang angka2</label> <input type="number" … Continue reading Membuat Tabel Otomatis Menggunakan Perulangan Do While()
Membuat Table Otomatis Menggunakan Perulangan While()
Pada postingan sebelumnya, saya membuat contoh bagaimana sebuah table bisa dibuat secara otomatis dengan menggunakan perulangan for(). Saat ini saya akan mencoba untuk memberikan contoh bagaimana membuat table secara otomatis menggunakan perulangan while(). Check it out guys Source code berikut ini <!DOCTYPE html> <html> <head> <title>Perulangan Input 2</title> </head> <body> <h3 align="center">Membuat Table Menggunakan Perulangan … Continue reading Membuat Table Otomatis Menggunakan Perulangan While()
Membuat Table Otomatis Menggunakan Perulangan For
Tentunya, teman teman sering melihat data yang ditampilkan ke dalam bentuk table, misalnya data karyawan, data mahasiswa, data produk, dll. Secara konsep PHP caranya cukup mudah, hanya menggunakan konsep perulangan, maka kita sudah bisa menampilkan data ke dalam bentuk table, tanpa harus ketik satu satu. Pemahaman logika pembuatan table ini mutlak kita perlu pahami, mengapa … Continue reading Membuat Table Otomatis Menggunakan Perulangan For