WEB PEMROGRAMAN

MATA PELAJARAN : PEMROGRAMAN BERGERAK

MATERI PRATIKUM KE : 5(anchor
Hyperlink),6(images),7(table design)

NAMA : ACH. DANIEL R.

NO. PRESENSI : 3
KELAS : XI PPLG 1

26-7-2023
 BAB I
PENDAHULUAN

1.1. Tujuan
Untuk mengetahui anchor Hyperlink
Untuk mengetahui images
Untuk mengetahui Table design
1.2. Dasar teori
Anchor hyperlink pada HTML merujuk pada elemen yang
digunakan untuk membuat tautan atau link antara
halaman web atau bagian-bagian dalam halaman yang
sama
Tabel sering digunakan pada halaman web untuk
menampilkan data yang tersusun dalam bentuk kelom
dan baris seperti laporan, daftar pembukuan, dan
sejenisnya. Komponen utama tabel adalah baris, kolem,
sel dan border (garis).
Tabel sering digunakan pada halaman web untuk
menampilkan data yang tersusun dalam bentuk kelom
dan baris seperti laporan, daftar pembukuan, dan
sejenisnya. Komponen utama tabel adalah baris, kolem,
sel dan border (garis).
 BAB II
LANGKAH PERCOBAAN

1 Buka VSCode
2 Membuat Struktur HTML
3 Membuat judul dengan <h1>
4 Menambahkan link pada HTML dengan menggunkan <a
target="_blank" href="linknya">lin</a>
5 Menambahkan foto pada HTML dengan menggunakan
<img>
6 Lalu kita membuat table dengan menggunakan <table>
7 lalu di dalam table masukan <tr>
8 setelah di tambahkan <tr> selanjutnya kita menambah kan
<th>
9 membuat <tr> lagi dan tambahkan <td> untuk isi di bawah
nya <th>
10 membuat copyright dengan cara membuat <footer> lalu
membuat <center>
agar teks nya ada di tengah
11 lalu tambahkan <h4> dan tulis copiright
 BAB III
Hasil dan pembahasan

Diatas merupakan codingan dan hasilnya

Membuat judul dengan <h1>,menambah link dengan <a
target="_blank" href=" isi linknya">link</a>,menambah foto
dengan <img>dan cari foldernya,membuat table dengan
<table>,dan di dalam table di isi dengan
<tr>,<th>,<td>,dengan kombinasi <ul>,dan <li>
Dan tahap terakhir menggunakan <h4> dan tulis copyright
 BAB IV
KESIMPULAN

kita dapat mempelajari dan memahami html

dengan visual studio code yang memudahkan kita
membuat program web karena di visual studio
code terdapat fitur yang memudahkan kita dalam
membuat program
selain itu kita dapat mengetahui anchor
Hyperlink images dan Table design
 DAFTAR PUSTAKA

1. https://buildwithangga.com/ebook/html5-dasar-
website-development/belajar/anchor-hyperlink
2. https://www.apacara.com/tutorial/html/html-
img-tag.html
3. https://www.petanikode.com/html-tabel/