LAPORAN PRAKTIKUM

PEMROGRAMAN WEB

JUDUL: Tag div (division), Membuat Form, Membuat Tabel

DISUSUN OLEH:

FINA ENNO RIZKI OKTAVIA PUTRI M0519040

PROGRAM STUDI INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2020
PERCOBAAN PRAKTIKUM
TUGAS PRAKTIKUM

1. Buatlah form pendaftaran sesuai gambar dibawah

Di dalam tag head terdapat <title> </title> yang akan menampilkan teks pada judul browser
atau pada tab browser.

Di dalam tag body terdapat tag div yang memiliki id = “sign-Up”, kemudian di dalam tag div
terdapat tag h3 dan tag p.

Kemudian baris 12 terdapat tag pembuka form, lalu di dalam tag form terdapat tag div dengan
id nama, kemudian terdapat dua input dengan type text.
Kemudian terdapat tag div yang memiliki id email dan didalamnya terdapat form input dengan
type email.

Terdapat tag div yang didalamnya terdapat tag small dan menyambung ke link menggunakan
tag <a></a>

Terdapat tag div dengan id password yang didalamnya terdapat input dengan type password
yang nantinya ketika user memberikan input akan ditampilkan dengan bintang atau tidak
dimunculkan.

Terdapat tag div dengan id phoneNumber yang didalamnya terdapat input dengan type tel.

Terdapat tag div dengan id birthday yang didalamnya terdapat input dengan type date.

Terdapat tag div dengan id gender yang didalamnya terdapat tag select yang nanti ada beberapa
option untuk dipilih.
Tag div yang memiliki id terms dan didalamnya terdapat tag small yang di kata tertentu me-
link ke suatu web.

Tag div yang memiliki id submit dan didalamnya terdapat input dengan type submit dan value
continue.

Terdapat tag div yang didalamnya tag small berisi tulisan. Kemudian baris-55, 56, 58, 60, 61
tag penutup.

Tampilan setelah dijalankan programnya

2. Buatlah tabel berisi data diri kalian di bawah form tersebut, contoh

Tag table di dalam tag div yang memiliki id=table, kemudian tag dengan border 1, cellpadding
8, cellspacing 2. Kemudian tag tr untuk membuat satu baris dan td per kolomnya. Kemudian
colspan untuk menggabungkan 2 kolom menjadi 1.

Tampilan setelah program dijalankan.