Tugas 3 Informatika Praktik tentang “Algoritma dan Pemograman Web” dari Proses KBM Daring pada tanggal 10 Agustus 2021 SMAN 1 Kota Bekasi dengan Guru pengajar Ibu Deswati
Assalamualaikum Warahmatullahi Wabarakatuh.
Saya Mutiara Nasywa Arifa dari kelas XII MIPA 1 SMAN 1 Kota Bekasi.
Disini saya mempraktikkan sebuah materi sebagai tugas ketiga di kelas XII tentang “Algoritma dan Pemograman Web” yang telah dipelajari pada mata pelajaran Informatika yang diajar oleh Ibu Deswati pada tanggal 10 Agustus 2021.
1. Menyertakan gambar (image) di halaman web (web page)
Ketiklah kode HTML di bawah untuk menyisipkan gambar di dalam dokumen web..
<html>
<head>
<title>Informatika
Mutiara</title>
</head>
<body>
<body
background="pesawat.jpeg">
<img src="foto.jpeg"
width="230" height="250"
alt="Gambar_Foto">
<img src="bunga.jpeg"
width="200" height="170"
alt="Gambar_Bunga">
</body>
</html>
Jika anda mempraktikkan kode HTML di atas, maka tampilan kedua gambar tersebut di halaman web akan menjadi seperti berikut.
2. Membuat Formulir dengan HTML
<html>
<head>
<title>Informatika Mutiara 2</title>
</head>
<body>
<form>
Nama
Lengkap:<input name=”NamaLengkap” type=”text”id=”NamaLengkap”/><br>
Kelas:<br>
<select
name="kelasku" size="1">
<Option>XII
MIPA 1<br>
<Option>XII MIPA 2<br>
</select></br>
E-mail:<input name="E-mail"
type="text"id="E-mail"/><br>
Username
:<input name=”Username” type=”text”id=”Username”/><br>
Password
:<input name=”Password” type=”password”id=”Password”/><br>
Komentar:<br>
<textarea
name="komentar" rows="5" cols="45"
wrap="soft"></textarea></br>
<INPUT
TYPE="SUBMIT" NAME="name" VALUE="KIRIM">
<form>
</body>
</html>
Jika anda mempraktikkan kode HTML di atas, makahasilnya akan menjadi seperti berikut.
3. Menggabungkan kedua kode HTML
<html>
<head>
<title>Informatika Mutiara XII MIPA
1</title>
</head>
<body>
<p><font
color="#ffffff">Ini merupakan pertemuan ketiga pembelajaran
Informatika</p></font><br>
<body background="pesawat.jpeg">
<img src="foto.jpeg"
width="230" height="250"
alt="Gambar_Foto">
<img src="bunga.jpeg"
width="200" height="170"
alt="Gambar_Bunga">
<form>
Nama Lengkap:<input
name=”NamaLengkap” type=”text”id=”NamaLengkap”/><br>
Kelas:<br>
<select name="kelasku"
size="1">
<Option>XII MIPA 1<br>
<Option>XII MIPA 2<br>
</select></br>
E-mail:<input name="E-mail"
type="text"id="E-mail"/><br>
Username :<input name=”Username”
type=”text”id=”Username”/><br>
Password :<input name=”Password”
type=”password”id=”Password”/><br>
Komentar:<br>
<textarea name="komentar"
rows="5" cols="45"
wrap="soft"></textarea></br>
<INPUT TYPE="SUBMIT"
NAME="name" VALUE="KIRIM">
<form>
</body>
</html>
Jika kedua kode HTML tersebut berhasil digabungkan, maka tampilan di halaman web anda akan menjadi seperti berikut.
Sekian hasil penjelasan dan hasil praktik saya. Saya harap dengan web ini dapat menambah ilmu pengetahuan serta membantu para pembaca untuk mengenal lebih jauh tentang HTML. Mohon maaf apabila ada kesalahan atau kekurangan yang kurang berkenan. Terima kasih.
Wassalamualaikum Warahmatullahi Wabarakatuh.
Komentar
Posting Komentar