Anda di halaman 1dari 6

LAPORAN

HASIL PRAKTIK HTML

Dosen pengampuh
Hari Asgar, S,Kom., M.Kom.

Disusun oleh
Sekarlana TIF221025

PROGRAM STUDI TEKNIK INFORMATIKA


FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS CORDOVA
2024
Latihan 1

<!DOCTYPE html>// untuk deklarasi type dokumen


<html>//tag utama dalam HTML
<head>//untuk bagian utama dalam HTML
<title>Contoh Tag Textarea dan Tag Select</title>//untuk judul web
</head>//sebagai penutup dari bagian kepala
<body>//untuk bagian badan atau isi dari dokumen
<table width="100%">//untuk menentukan lebar table
<tr>//table row berfungsi untuk membuat baris baru dalam table
<td>Pilih Jenis Kendaraan</td>//digunakan untuk mengisi data dalam tabel
<td>
<select name="motor">//untuk membuat sebuah daftar pilihan
<option
value="yamaha">Yamaha</option>//atribut size
<option
value="honda">Honda</option>
<option //untuk mendefinisikan item yang ada pada elemen select
value="suzuki">Suzuki</option>
</select>//untuk mengakhiri daftar pilihan
</td>
</tr>
<tr>
<td>Alamat</td>
<td>
<textarea name="alamat" cols="55" //textarea berfungsi untuk membuat teks panjang
rows="5"></textarea>
</td>
</tr>
</table>
</body>
</html>

Latihan 2

<!DOCTYPE html>//untuk deklarasi type dokumen


<html>//tag utama dalam html
<head>//untuk bagian utama dalam html
<title>Input Data Berita</title>//untuk judul web
</head>//penutup dari bagian utama
<body text="#0000FF">//sebagai kode warna biru
<h2>Tambah Berita</h2>//untuk menyoroti bagian terpenting dari sebuah konten
<form method="post" action="#" enctype="multipart/formdata">//post untuk mengirim data
secara terpisah//action untuk menentukan alamat data akan dikirim//enctype menandakan
bahwa tidak ada data ynag perlu dikodekan
<table width="100%">
<tr>
<td>Judul</td>//tabel data untuk judul
<td> : <input type="text" name="judul" //menjelaskan type penulisan judul
size="60"/></td>
</tr>
<tr>
<td>Kategori</td>
<td> :
<select name="kategori">//untuk membuat daftar pilihan
<option //menentukan beberapa pilihan
value="kategori_berita" selected>- Pilih Kategori - </option>
<option
value="komputer">Komputer
<option
value="ekonomi">Ekonomi
<option
value="pendidikan">Pendidikan
</select>//untuk mengakhiri pilihan
</td>
</tr>
<tr>
<td>Headline</td>
<td> : <input type="radio" //untuk menentukan type dari tag input
name="headline" value="Y" checked/>Y <input type="radio"
name="headline" value="N"/> N</td>
</tr>
<tr>
<td>Isi Berita</td>
<td> : <textarea name="isi_berita"
cols="45" rows="6"></textarea></td>
</tr>
<tr>
<td>Gambar</td>
<td> : <input type="file"
name="fupload" size="40"></td>
</tr>
<tr>
<td colspan=2>
<input type="submit"
value="Simpan"/>
<input type="reset"
value="Reset"/>
</td>
</tr>
</table>
</form>
</body>
</html>

Latihan 3

<!DOCTYPE html>//untuk deklarasi type dokumen


<html>
<head>
<title>Penggunaan Label, Fieldset dan Legend</title>
</head>
<body>
<form action="#" method="post">
<fieldset>
<legend>Form Login</legend>
<label for="username">Username</label>
<input type="text" name="username"
id="username"/>
<label for="password">Password</label>
<input type="password" name="password"
id="password"/>
<input type="submit" name="submit"
value="Login"/>
</fieldset>
</form>
</body>
</html>

Anda mungkin juga menyukai