Nama : Ari Cakra Kurniawan
Nim : 312410248
Kelas : TI.24.A2
Mata Kuliah : Pemrograman Web 1
Dosen Pengampu : Agung Nugroho, S.Kom., M.Kom.

Jawaban Pertanyaan Praktikum 1 – HTML Dasar

1. Lakukan perubahan pada kode sesuai dengan keinginan anda, amati perubahannya adakah error ketika terjadi kesalahan penulisan tag?

HTML bersifat toleran terhadap kesalahan. Kalau ada tag salah ketik (misalnya <pp> atau <p> tanpa penutup), browser biasanya tidak menampilkan pesan error, tapi langsung mengabaikan atau mencoba memperbaikinya. Hasilnya tampilan bisa berantakan, tapi jarang muncul error seperti di bahasa pemrograman.

<p>nama saya ari</p>
<pp>nama saya ari</pp>

Perbedaan antara penulisan tag yang benar dan tidak itu hasilnya tidak terlalu berpengaruh. Karena hasilnya akan tetap mengeluarkan output yang sama seperti yang benar.

2. Apa perbedaan dari tag <p> dengan tag <br>?

• <p> digunakan untuk membuat paragraf baru. Tag ini bersifat block-level element, jadi ada jarak (margin) atas dan bawah secara otomatis.
• <br> hanya untuk pindah baris di dalam teks. Tidak membuat paragraf baru, hanya turun satu baris.

Contoh:

<p>Ini adalah tugas praktikum</p>
Teks pertama.<br>Teks kedua

3. Apa perbedaan atribut title dan alt pada tag <img>?

• alt → teks alternatif yang muncul kalau gambar gagal dimuat, juga dibaca oleh screen reader (aksesibilitas).
• title → teks yang muncul saat kursor diarahkan ke gambar (tooltip).

Contoh:

<h3>Menambahkan Gambar</h3>
<img src="Logo-Universitas-Pelita-Bangsa.png" title="Ini logo upb" alt="logo upb" width="300px">

4. Untuk mengatur ukuran gambar, digunakan atribut width dan height. Agar tampilan gambar proporsional sebaiknya kedua atribut tersebut diisi semua atau tidak?

Tidak perlu diisi semua. Cukup isi salah satu (width atau height), maka browser otomatis menyesuaikan sisi lainnya agar gambar tetap proporsional. Kalau keduanya diisi dengan ukuran yang tidak sesuai rasio asli, gambar bisa jadi gepeng atau melar.

<img src="Logo-Universitas-Pelita-Bangsa.png" width="300px">

5. Pada link tambahkan atribut target dengan nilai atribut bervariasi (_blank, _self, _top, _parent), apa yang terjadi pada masing-masing nilai atribut tersebut?

• _blank → membuka link di tab/jendela baru.
• _self → membuka link di tab yang sama (default).
• _top → membuka link di frame paling atas, berguna kalau ada nested frame.
• _parent → membuka link di parent frame dari frame saat ini.

Contoh:

<a href="https://www.google.com" target="_blank">Tab Baru</a>
<a href="https://github.com/" target="_self">Buka</a>
<a href="https://www.youtube.com/" target="_top">Frame</a>
<a href="https://www.speedtest.net/id" target="_parent">Frame Induk</a>

Terimakasih atas perhatian nya dan terimakasih sudah membaca hingga selesai.