M.ikhsan.r (11950310661) - Tugas Mandiri 2 HTML

[MATAKULIAH - PEMROGRAMAN INTERNET] PSI 1419
LAPORAN PRAKTIKUM PEMROGRAMAN INTERNET

Program Studi Sistem Informasi Fakultas Sains dan Teknologi
Universitas Islam Negeri Sultan Syarif Kasim Riau
Nama Lengkap : MUHAMMAD IKHSAN RAMADHAN

Nomor Induk : 11950310661
Semester/Lokal : 4C
Pertemuan Ke :3
Materi : HyperText Markup Language (HTML)
LAPORAN PRAKTIKUM:
Nama File: contoh.html
Script:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Laporan</title>
</head>
<body>
<h1>Contoh Format Laporan Praktikum</h1>

<p>Ini merupakan contoh hasil/Output format laporan
praktikum.</p>
</body>
</html>
Output:
Program Studi Sistem Informasi – Fakultas Sains dan Teknologi – UIN Suska Riau
Page | 1
1. Nama File: daftartable.html

Script:
<!DOCTYPE html>
<html>
<body">

<h2 align="center"> Daftar Nama Kelompok </h2>
<h1 align="center"> Mata Kuliah Pemrograman Internet </h1>
<h3 align="center"> Sistem Informasi 4C 2021</h3>
<table border="1" align="center">
<tr>
<th>No</th>
<th>Foto</th>
<th>Nama</th>
<th>NIM</th>
<th>Jurusan</th>
<th>Email</th>
<th>Aksi</th>
</tr>
<tr>
<th>1</th>
<td align="center"><img src="D:/kuliah/gambar/ikhsan.jpeg"
style="width: 100px; height:160px;"></td>
<td> Muhammad Ikhsan Ramadhan</td>
<td> 11950310661 </td>
<td> Sistem Informasi</td>
<td> ikhsan@gmail.com </td>
<td><a href="detail.html">Detail</a>
<a href="edit.html">Edit</a>
<a href="hapus.html">Hapus</a></td>
</tr>
<tr>
<th>2</th>
<td align="center"><img src="D:/kuliah/gambar/frend.jpeg"
<td> Frendi Ardiansyah </td>
<td> 11950320551 </td>
<td> frend@gmail.com </td>
</tr>
<tr>
Page | 2
<th>3</th>
<td align="center"><img src="D:/kuliah/gambar/ald.jpeg"
<td> Aldi Fahroza </td>
<td> 11950340445 </td>
<td> ald@gmail.com </td>
</tr>
<tr>
<th>4</th>
<td align="center"><img src="D:/kuliah/gambar/yand.jpeg"
<td> Yandrizal </td>
<td> 11950320222 </td>
<td> yanyan@gmail.com </td>
</tr>
<tr>
<th>5</th>
<td align="center"><img src="D:/kuliah/gambar/wald.jpeg"
<td> Walid Alma Ula </td>
<td> 11950390662 </td>
<td> wld@gmail.com </td>
<td><a href="detail.html">Detail</a> <a
href="edit.html">Edit</a> <a
href="hapus.html">Hapus</a></td>
</tr>
<tr>
<th>6</th>
<td align="center"><img src="D:/kuliah/gambar/hamzah.jpeg"
<td> hamzah </td>
<td> 11950340506 </td>
<td> hamzah@gmail.com </td>
Page | 3
</tr>
</table>
</body>
</html>
Output:
2. Nama File: form.html

Script:
<!DOCTYPE html>
<html>
<body>
<fieldset>
<h3 align="center"> <b>FORMULIR BIODATA DIRI</b> </h3>
<hr />
<p><b>Isilah Biodata Anda Dengan Lengkap Pada Form Dibawah
Ini...!</b></p>
<hr />
<form>
<table>
<tr>
<td> Nama Lengkap </td>
Page | 4
<td></td>
<td><input type="text" size="40"></td>
</tr>
<tr>
<td> Tempat/Tgl/Jam Lahir</td>
<td></td>
<td> <input type="text"> -
<input type="date"> -
<input type="time">
</td>
</tr>
<tr>
<td> Jenis Kelamin</td>
<td></td>
<td> <input type="radio" id="lk" value="Lakilaki">
<label for="lk">Lakilaki</label>
<input type="radio" id="pr" value="Perempuan">
<label for="pr">Perempuan</label>
</td>
</tr>
<tr>
<td>Agama</td>
<td></td>
<td> <select>
<option value="Islam">Islam</option>
<option value="Katolik">Katolik</option>
<option value="Protestan">Protestan</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
<option value="Konghucu">Konghucu</option>
</select>
</td>
</tr>
<tr>
<td valign="top">Alamat Rumah</td>
<td></td>
<td><textarea rows="3" cols="30"></textarea></td>
</tr>
<tr>
<td>Masukkan No. Telepon</td>
<td></td>
<td><input type="tel" id="phone" name="tel" pattern="+[0-
9]{13}" placeholder="+628....."></td>
</tr>
Page | 5
<tr>
<td>E-Mail</td>
<td></td>
<td><input type="email"></td>
</tr>
<tr>
<td>URL</td>
<td></td>
<td><input type="url" placeholder="https//:"></td>
</tr>
<tr>
<td>Warna Kesukaan</td>
<td></td>
<td align="centre"><img src="D:/kuliah/gambar/warna.jpg"
style="width: 25px; height: 20px;"><input type="color"
value="Black"></td>
</tr>
<tr>
<td valign="top">Hobby</td>
<td></td>
<td> <input type="checkbox" id="komp" value="Komputer">
<label for="komp">Komputer</label>
<input type="checkbox" id="musik" value="Musik">
<label for="musik">Musik</label>
<input type="checkbox" id="olg" value="Olahraga">
<label for="olg">Olahraga</label>
<input type="checkbox" id="jln" value="Jalan-Jalan">
<label for="jln">Jalan-Jalan</label><br>
<input type="checkbox" id="lain" value="Lainnya">
<label for="lain">Lainnya</label>
<input type="text">
</td>
</tr>
<tr>
<td>Upload Foto (3x4)</td>
<td></td>
<td><input type="file" id="file"></td>
</tr>
</table>
<hr />
<p><b>Isilah Username dan Password Baru Anda Di Bawah
Ini...!</b></p>
<hr />
<table>
Page | 6
<tr>
<td> Username Baru </td>
<td></td>
<td> <input type="text" size="40"> </td>
</tr>
<tr>
<td> Password Baru </td>
<td></td>
<td> <input type="password"> </td>
</tr>
<tr>
<td> Konfirmasi Password </td>
<td></td>
<td> <input type="password"> </td>
</tr>
</table>
<hr />
<p align="right">
<input type="submit" value="Submit">
<input type="reset" value="Batal">
</p>
</form>
</fieldset>
</body>
</html>
Output:
Page | 7
Telah diperiksa tanggal: ../../20..

Mengetahui: Nilai Praktikum:
Dosen Pembimbing/Asisten
Catatan:
T. Khairil Ahsyar, M.Kom

NIK. 130 517 093
Page | 8

M.ikhsan.r (11950310661) - Tugas Mandiri 2 HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

M.ikhsan.r (11950310661) - Tugas Mandiri 2 HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

[MATAKULIAH - PEMROGRAMAN INTERNET] PSI 1419

LAPORAN PRAKTIKUM PEMROGRAMAN INTERNET

Nama Lengkap : MUHAMMAD IKHSAN RAMADHAN

<h1>Contoh Format Laporan Praktikum</h1>

1. Nama File: daftartable.html

2. Nama File: form.html

Telah diperiksa tanggal: ../../20..

T. Khairil Ahsyar, M.Kom

Anda mungkin juga menyukai