Mata Kuliah : Praktikum Pemrograman web ACC.

NIM : A710190093
NAMA : Inas Nur ‘Afifah
Tgl. Praktikum : 27 Mei 2021 Tgl.

BAB 2
HTML LEBIH LANJUT (LINK FRAME, DAN TABEL)

I. Dasar Teori
Situs web merupakan kumpulan dari beberapa web yang saling
terhubung satu sama lain. Situs ini biasanya berisi informasi yang telah dibuat
oleh seseorang ataupun kelompok. Situs web terdiri dari beberapa halaman,
dapat berupa halaman depan/awal, homepage, dan lainnya. Selain itu, pada situs
web disimpan dalam suatu server web yang bisa dibuka dengan jaringan internet
maupun jaringan lainnya. Situs yang terdapat di dalam situs web dapat berupa
situs berita, layanan surat (e-mail), dan lain-lain.
Untuk dapat membuat situs web tentunya perlu adanya intruksi yang
berupa html dan ditulis dengan bahasa yang bisa dipahami oleh komputer,
selanjutnya diterjemahkan oleh komputer berupa situs web. Html sendiri
merupakan suatu user yang dapat membuat maupun menyusun paragraf,
heading, link, maupun tabel yang akan ditampilkan dalam situ web sesuai
dengan keinginan pembuat.
Dalam pembuatan situ web berupa link, frame, maupun tabel kita bisa
menggunakan beberapa perintah dalam html untuk menampilkannya dalam situ
web. Perintah -perintah yang dapat digunakan, antara lain:
• Atribut <a> berguna untuk mendeskripsikan suatu anchor, biasanya atribut
ini diikuti oleh artibut lain, yaitu
o target=”_blank” berguna untuk menampilkan dokumen baru pada
window yang masih kosong
o target=”_self” berguna untuk menampilkan dokumen baru pada window
yang memiliki kesamaan dengan anchor
 o target=”_parent” berguna untuk menampilkan dokumen pada parent
frame (jik memakai frame).
o target=”_top” berguna untuk menampilkan dokumen pada semua
window browser.
Untuk menampilkan file dalam html kita bisa membuat frame pada
window browser. Dalam membuat frame terdapat beberapa perintah html yang
bisa digunakan, antara lain:
• <frameset> berguna untuk mendeskripsikan suatu himpunan yang terdapat
dalam frame.
• <frame> berguna untuk mendeskripsikan suatu sub window dalam sebuah
frame.
• <noframes> berguna untuk mendeskripsikan suatu bagian noframe pada
browser yang tidak bisa manampilkan frame.
• <iframe> berguna untuk mendeskripsikan suatu inline pada frame.
Selain membuat link dan frame, dalam menammpilkan web juga terdapat
tampilan untuk membuat tabel. Supaya tampilannya lebih rapi. Perintah yang
digunakan dalam pembuatan tabel pada halaman web, antara lain:
• <table> berguna untuk mendeskripsikan tabel yang dibuat
• <th> berguna untuk mendeskripikan suatu header pada tabel
• <tr> berguna untuk mendeskripsikan baris pada tabel
• <td> berguna untuk mendeskripsikan kolom pada tabel
• <caption> berguna untuk mendeskripsikan caption yang terdapat pada tebel
• <colgroup> berguna untuk mendeskripsikan kelompok pada kolom yang
terdapat di tabel
• <col> berguna untuk mendeskripsikan suatu nilai atribut pada kolom yang
berjumlah satu atau lebih pada tabel
• <thread> berguna untuk mendeskripsikan adanya head pada tabel
• <tbody> berguna untuk mendeskripsikan badan pada tabel
• <tfoot> berguna untuk mendeskripsikan footer pada tabel
Perintah-perintah tersebut berguna untuk membuat link, frame, maupun
tabel pada html yang nanti dapat dimuat dalam situs web sesuai dengan
keinginan pengguna (pembuat) halaman web.
II. Tujuan
• Pada sub ini berisi tujuan dari pelaksanaan praktikum
• Tujuan ditulis pada halaman ketiga laporan ini.
• Penulisan tujuan menggunakan bullets berwarna hitam

III. Analisa Hasil

1. Kegiatan 1: Link biasa, link gambar, link ke window baru, dan link
interna

Gambar 2.1 link

Pada kegiatan 1 terdapat program html untuk menampilkan link.
Untuk membuat suatu link menggunakan perintah <a href> dan diikuti oleh
link yang akan dibuat. Gambar diatas terdapat link biasa, yaitu jika kita
menekan linknya akan ke halaman yang ada dalam situs web tersebut. Link
gambar akan muncul jika kita menekan gambar pada situs web yang ada.
Link ke window baru bisa ditampilkan dengan perintah target=”_blank”
artinya link akan membuka dokumen ke window baru yang masih kosong.
Link internal, yaitu jika kita mengekan linknya masih tetap dalam satu
halaman tetapi ditentukan bagiannya.

2. Kegiatan 2: Link ke E-mail

Gambar 2.2 link ke e-mail

 Pada kegitan 2 terdapat program html untuk menampilkan link e-mail.
Link tersebut telah terisi alamat email dan jika mengklik link tersebut secara
otomatis aplikasi untuk pengiriman email akan terbuka dengan email tujuan
sudah terisi. Dalam pembuatan link email, tinggal menambahkan alamat
email yang dituju pada bagian perintah href seperti pada baris ke-5.

3. Kegiatan 3: Frameset (horizontal dan vertikal)

Gambar 2.3 Frameset (horizontal dan vertikal)

Pada kegiatan 3 terdapat program html untuk menampilkan frame.
Perintah yang digunakan yaitu <frameset>. Perintah <frameset> diiikuti
oleh beberapa atribut, yaitu rows berguna sebagai penentu jumlah baris yang
akan dibuat, cols berguna sebagai penentuk jumlah kolom yang akan dibuat,
dan src berguna sebagai petujuk file yang terdapat dalam frame. Untuk
mengisikan file kita bisa membuat html baru yang berisikan file yang
diinginkan. Dan mengguna bisa mengubah ukuran dari frame tsersebut jika
sudah dijalankan dalam situs web.

4. Kegiatan 4: Frameset dengan atribut no-resize = “true”

Gambar 2.4 Frameset dengan atribut no-resize = “true”

 Pada kegitan 4 terdapat program menampilkan frame dengan
menggunakan atribut no-resize=”true”. Tampilan webnya seperti kegiatan
3, tetapi dalam kegiatan 4 terdapat perintah no-resize yang berguna sebagai
pencegah jika pengguna ingin mengganti ukuran frame.

5. Kegiatan 5: Fremes inline

Gambar 2.5 Frame inline

Pada kegitan 5 terdapat program menampilkan frame inline. Frame ini
berguna untuk menyematkan suatu file di dalam website. Perintah yang
digunakan yaitu <iframe> untuk menampilkan suatu inline pada sub
window (frame). Untuk filenya dapat diambil dari halaman website lainnya.

6. Kegiatan 6: Membuat tabel

Gambar 2.6 Tabel

Pada kegitan 6 terdapat program untuk membuat tabel. Terdapat
perintah <tabel> untuk mendeskripsikan tabel yang akan dibuat, perintah
<th> untuk mendeskripsikan header tabel, perintah <tr> untuk
mendeskripsikan baris pada tabel, perintah <td> mendeskripsikan sel pada
tabel. Jika ingin membuat tabel dengan ketebalan tertentu pada perintah
 <tabel> ditambahkan dengan border =” ketebalan yang diinginkan”, seperti
pada baris ke 9 gambar diatas.

7. Kegiatan 7: Sel kosong dalam tabel

Gambar 2.7 Sel kosong

Pada kegitan 7 terdapat program menampilkan sel kosong yang
terdapat dalam tabel. Dapat diketahui gambar diatas terdapat kolom (sel)
pada tabel yang kosong. Sel yang ksosong tersebut tidak mempunyai border.
Jadi, untuk membuat sel kosong bisa menggunakan perintah <td> tanpa
mengisi teks apapun di dalamanya.

8. Kegiatan 8: Sel tabel yang diperlebar

Gambar 2.8 Sel diperlebar

Pada kegitan 8 terdapat program menampilkan sel tabel yang
diperlebar. Untuk melebarkan suatu sel (kolom) pada tabel dengan
menggunakan perintah colspan. Perintah ini berguna untuk menyatukan
beberapa sel ke samping. Sedangkan untuk perintah rowspan berguna untuk
menyatukan beberapa baris ke bawah.
 9. Kegiatan 9: Menambahkan latar belakang ke tabel

Gambar 2.9 latar belakang

Pada kegitan 9 terdapat program menampilkan dan menambahkan
latar belakang pada tabel baik berupa warna maupun gambar. Untuk
menambahkan latar belakang warna pada tabel hanya memberikan perintah
bgcolor =” warna yang diinginkan” di dalam perintah <table> yang ingin
diberi warna dan untuk menambahkan latar belakang gambar pada tabel
hanya memberikan perintah background =” gambar yang
diinginkan.jpg/png” pada perintah <table> yang ingin diberi gambar.

IV. Penyelesaian Tugas

1. Buatlah Tabel yang berisikan Minimal terdiri dari 2 kolom dan 5 baris yang
berisikan data kelompok (bebas), kreasikan sesuka kalian. Simpan dengan
nama NIM_Tugas2. Lampirkan hasil dalam laporan.
Penyelesaian:

A710190093

Gambar 2. 10 Tugas 2
 Pada tugas 2 terdapat tampilan html berupa tabel yang berisikan 4
kolom dan 8 baris. Untuk menambahkan background dari situs website
tersebut hanya menambahkan perintah background=”gambar.jpg/png” pada
perintah <body>. Dalam pembuatan tabel kita menggunakan perintah <th>
untuk mendeskripsikan header tabel, perintah <tr> untuk mendeskripsikan
baris pada tabel, perintah <td> mendeskripsikan sel pada tabel. Selain itu
untuk memberi warna pada tabel tinggal memberikan keterangan
bgcolor=”warna yang diinginkan” pada bagian yang diinginkan pada tabel.

V. Kesimpulan
• Situs web merupakan kumpulan dari beberapa web yang saling terhubung
satu sama lain. Situs ini biasanya berisi informasi yang telah dibuat oleh
seseorang ataupun kelompok
• Html merupakan suatu user yang dapat membuat maupun menyusun
paragraf, heading, link, maupun tabel yang akan ditampilkan dalam situ web
sesuai dengan keinginan pembuat.
• Untuk dapat membuat situs web maka digunakan beberapa perintah yang
terdapat dalam html, misalnya perintah untuk membuat link, frame, maupun
tabel.

VI. Daftar Pustaka

• Ahmad Muhardian. 2020. “Belajar HTML #07: Cara Membuat Link untuk
Menghubungkan Halaman Web”, https://www.petanikode.com/html-link/,
diakses pada 31 Maret 2021 pukul 19.15.
• Hirzi Widyan Putra. 2016. “Tag-tag Pada HTML Beserta Fungsinya”,
https://gilacoding.com/read/tag-tag-pada-html-beserta-fungsinya, diakses
pada 1 April 2021 pukul 08.00.
• Abdulloh, Rohi. 2018. 7 in 1 Pemrograman Web untuk Pemula: PT. Elex
Media Komputindo.