Postingan

Menampilkan postingan dari November, 2024

Membuat Kode CSS

Gambar
Kode ini adalah kode CSS (Cascading Style Sheets).    Kode CSS ini digunakan untuk membuat form login yang menarik dan mudah digunakan.  -  /* Gaya untuk latar belakang halaman */ : Ini adalah komentar yang menandai bagian kode yang mengatur gaya latar belakang halaman. -  body { ... } : Menentukan gaya untuk elemen  <body>  yang merupakan bagian utama konten halaman web. -  font-family: Arial, sans-serif; : Menentukan font utama yang akan digunakan pada halaman, yaitu Arial. Jika Arial tidak tersedia, font sans-serif lainnya akan digunakan. -  display: flex; : Mengatur elemen  <body>  untuk menggunakan flexbox, yang memungkinkan pengaturan elemen anak secara lebih fleksibel. -  justify-content: center; : Menempatkan elemen anak di tengah secara horizontal. -  align-items: center; : Menempatkan elemen anak di tengah secara vertikal. -  height: 100vh; : Menentukan ting...

Kode HTML Membuat Form Login Sederhana

Gambar
  Struktur HTML   -  <!DOCTYPE html> : Baris ini mendeklarasikan dokumen sebagai HTML5. -  <html lang="id"> : Baris ini mendefinisikan dokumen sebagai dokumen HTML dan menentukan bahasanya sebagai bahasa Indonesia ( id ). -  <head> : Berisi metadata tentang dokumen HTML, seperti karakter set, pengaturan viewport, judul, dan tautan ke stylesheet eksternal. -  <title>Form Login Sederhana</title> : Baris ini mendefinisikan judul yang akan ditampilkan di tab browser. -  <link rel="stylesheet" href="style.css"> : Baris ini menghubungkan dokumen HTML ke stylesheet eksternal bernama "style.css" untuk mengontrol tampilan form. -  <body> : Berisi konten yang terlihat dari dokumen HTML, termasuk form login. -  <div class="login-container"> : Baris ini membuat wadah untuk form login, menerapkan kelas bernama "login-container" untuk tujuan styling. -  <h2...

Membuat Database

Gambar
aplikasi yang digunakan adalah XAMPP   Berikut ini adalah langkah-langkah untuk membuat tabel di database:   1. Menentukan Nama Tabel: • Nama tabel yang Anda inginkan harus terisi di kolom "Table name", misalnya "Mahasiswa". 2. Mendefinisikan kolom:  • id: Kolom ini bertipe INT (integer). Ini biasanya digunakan sebagai kunci utama (primary key). Perhatikan bahwa kotak centang "PRIMARY" sudah dipilih, menandakan kolom id sebagai primary key. • nama: (string dengan panjang variabel) dengan panjang maksimum 50 karakter. Ini digunakan untuk menyimpan nama mahasiswa.  • nim: di gunakan untuk menyimpan Nomor Induk Mahasiswa.  • alamat: di gunakan untuk menyimpan alamat mahasiswa.  3. Mengatur Atribut Kolom:  • Length/Values: untuk kolom nama , panjang maksimum telah diatur menjadi 50. Kolom lainnya tidak memerlukan pengaturan khusus di bagian ini. • Default: untuk semua kolom, nilai default dibiarkan kosong ("None"). Ini berarti kolom-kolom terseb...