Postingan

css Layoutiing 2

Layout Dua Kolom Bagi Rata Kolom Pertama Ini adalah konten untuk kolom pertama. Lebarnya akan membagi rata dengan kolom kedua secara otomatis menggunakan properti flex. Kolom Kedua Ini adalah konten untuk kolom kedua. Keduanya akan selalu seimbang lebarnya di berbagai ukuran layar desktop.
Posting Komentar
Baca selengkapnya

css layouting

Layout Dua Kolom - Flexbox Kolom Kiri Ini adalah konten untuk kolom pertama. Lebarnya sama persis dengan kolom kanan. Kolom Kanan Ini adalah konten untuk kolom kedua. Keduanya akan menyesuaikan secara otomatis.
Posting Komentar
Baca selengkapnya

Materi Selama PKL 2026- Input Output

Input Output Device Perangkat input (masukan) adalah komponen keras untuk mengirim data/perintah ke komputer ( keyboard, mouse, scanner , mikrofon). Sebaliknya, perangkat output (keluaran) menampilkan hasil pemrosesan (monitor, printer , speaker , proyektor) . Layar sentuh ( touchscreen ) adalah contoh perangkat yang berfungsi ganda sebagai input dan output.   Berikut adalah detail perangkat input dan output komputer: 1. Perangkat Input (Input Device) Berfungsi memasukkan data atau perintah dari pengguna ke dalam sistem komputer:  Keyboard : Alat utama untuk mengetik huruf, angka, dan perintah. Mouse : Menggerakkan kursor ( pointer ) di layar. Scanner : Mengubah dokumen fisik/gambar menjadi data digital. Mikrofon (Microphone) : Memasukkan data berupa suara. Webcam : Mengambil gambar atau video secara langsung. Joystick/Gamepad : Perangkat masukan untuk mengendalikan permainan (game). 2. Perangkat Output (Output Device) Berfungsi menyampaikan informasi hasil pemrosesan da...
Posting Komentar
Baca selengkapnya

Formulir Lengkap

Formulir Pendaftaran Beasiswa Formulir Pendaftaran Beasiswa Harap isi semua kolom dengan informasi yang akurat dan lengkap. 📝 Informasi Pribadi Nama Lengkap: Tanggal Lahir: Jenis Kelamin: -- Pilih -- Laki-laki Perempuan Alamat Lengkap: Status Ekonomi: Mampu Miskin 📞 Informasi Kontak Email: ...
Posting Komentar
Baca selengkapnya

kode penjumlahan i teraktif

    <DOCTYPE html>  <html> <head> <title>Penjumlahan Interaktif</title> <style>   body {     font-family: sans-serif;   }   input[type="number"] {     width: 100px;     padding: 5px;     margin-bottom: 10px;   }   button {     padding: 8px 15px;     cursor: pointer;   } </style> </head> <body>   <h1>Kalkulator Penjumlahan Sederhana</h1>   <label for="num1">Angka 1:</label>   <input type="number" id="num1"><br>   <label for="num2">Angka 2:</label>   <input type="number" id="num2"><br>   <button onclick="tambah()">Jumlahkan</button>   <div id="hasil" style="margin-top: 20px; font-weight: bold;"></div>   <script>     function tambah() {       // Mengambil nilai dari input   ...
Posting Komentar
Baca selengkapnya

Tampil Data using Javascript

Contoh Tampilan Data Formulir Input Data Pengguna Goar: Surat Elektronik: Umur: Pekerjaan: Cita-cita: Tampilkan Data Hasil Input Data Data Berhasil Ditampilkan: Goar: Surat Elektronik: Umur: Pekerjaan: Cita-cita:
Posting Komentar
Baca selengkapnya

penjelasan kode

<!DOCTYPE html> <html lang="id"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Contoh Tampilan Data Formulir</title>     <style>         body {             font-family: Arial, sans-serif;             margin: 20px;         }         form {             padding: 20px;             border: 1px solid #ccc;             border-radius: 5px;             margin-bottom: 20px;         }         label, input {             display: block;             margin-bottom: 10px;         }   ...
Posting Komentar
Baca selengkapnya