Postingan

Menampilkan postingan dari September, 2022

LATIHAN WEBSITE BOOTSTRAP

Gambar
 Minggu ini, kita akan membuat website dengan bantuan grid container bootstrap. Link Website:  Link Link Repository:  Repository Penjelasan:  Di head html, kita menambah import file bootstrap dan jquery agar bisa digunakan,  <!DOCTYPE html> <html lang="en"> <head> <title>Template Web Responsive dengan Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> Untuk header, bisa digunakan class navbar. <nav class="navbar navbar-expand-md bg-dark navbar-dark"&g
Posting Komentar
Baca selengkapnya

Quiz 1: Membuat Formulir

Gambar
 Untuk membuat formulir, kita dapat menggunakan fitur form dengan bermacam-macam input type, seperti text, checkbox, date, dll. Contoh input type text (menulis text): < div class = "form-control" >     < label for = "name" id = "label-name" >     Nama Peserta     </ label >     < input type = "text" id = "name" placeholder = "Tulis Nama Disini" />   </ div > Contoh input type date (memilih bulan/tanggal/tahun): < div class = "form-control" >     < label for = "tanggal" id = "label-tanggal" >       Tanggal Lahir     </ label >     < input type = "date" id = "tanggal" name = "Tanggal Lahir" >   </ div > Contoh input data checkbox (memberi pilihan yang bisa dicentang): < div class = "form-control" >     < label > Jenis Lomba         < small > (Pilih jenis lomba yang ing
Posting Komentar
Baca selengkapnya

Pertemuan 3 Javascript

Gambar
     Berikut ini adalah contoh pengimplementasian javascript di html, dimana akan dibuat login dan signup form.      Untuk source codenya, saya menggunakan tag input text, password, submit, dan button. Pengimplementasian javascript bisa menggunakan tag script, dan disini saya memakai javascript untuk memberikan alert sukses login jika form disubmit, dan membuat halaman html signup jika button signup dipencet. index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Login Form </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body > < h3 > Login </ h3 > < form="Login_form" onsubmit = " submit
Posting Komentar
Baca selengkapnya

Website CV Data Diri dengan HTML dan CSS

Gambar
Untuk kuliah PWEB minggu ini, kita diberi tugas membuat website CV data diri.
Posting Komentar
Baca selengkapnya