PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

LKPD KB 1 JOBSHEET

Kelompok :
Nama Anggota :
1. …………………………………………………………………………./………. *
2. …………………………………………………………………………./……….

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak

Topik Praktikum : Pembuatan table pada halaman web

A. Kompetensi Dasar
4.3 Membuat kode html untuk menampilkan tabel pada halaman web
B. Indikator Pencapaian Kompetensi (IPK)
4.3.1 Membuat table dengan menggunakan tag HTML <tr> dan <td>
4.3.2 Membuat table dengan menggunakan tag HTML format table dan atribut border dan width
C. Tujuan Praktikum
Setelah melakukan praktikum membuat table , maka peserta didik diharapkan mampu:
1. Membuat table pada halaman web menggunakan tag HTML <tr> dan <td> dan atribut border, width
dengan benar sesuai dengan prosedure

D. Dasar Teori
Pembuatan Tabel
Pada sebuah tabel tentunya selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Pada HTML
dalam pembutan table tentunya juga memiliki elemen untuk membuat baris dan kolom dari sebuah table.
Sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu. Pembuatan
tabel dimulai dari inisialisasi tabel, menggunakan elemen <table>

Setelah mengawali dengan elemen <table> selanjutnya untuk membuat baris pada sebuah table
digunakan tag HTML atau elemen <tr>

LEMBAR KERJA PESERTA DIDIK 1

 PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

Di setiap baris pada table tentunya harus disikan dengan data yang akan menghasilkan kolom pada
table. Pembuatan kolom atau pengisian data pada table menggunakan tag HTML atau elemen <td>

E. Alat/Software
1. PC desktop / laptop
2. Ms. Word
3. Sublime text
4. Browser Chrome

F. Keselamatan Kerja
1. Menggunakan pakaian kerja/praktek
2. Membersihkan lokasi praktek dari benda-benda yang mengganggu pekerjaan.
3. Menggunakan alat/software praktek yang kondisinya baik.
4. Menggunakan alat/software sesuai dengan Standart Operasional Prosedur pengoperasian
alat/software
5. Penuh konsentrasi dan perhatian ketika bekerja.

G. Tugas
1. Perhatikan gambar table berikut
Gambar 1

LEMBAR KERJA PESERTA DIDIK 2

 PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

Gambar 2

Gambar 3

H. Langkah Kerja
1. Berkumpulah dengan anggota kelompok anda.
2. Amati dan cermati point G (yang berisi tugas) pada jobsheet ini.
3. Analisis dengan teman kelompok anda dan tuangkan hasil analisis pada tempat hasil dibawah.
4. Buatlah ketiga table tersebut menggunakan tag HTML sesuai dengan analisis yang telah dilakukan.
5. Jalankan perintah HTML tersebut.
6. Amati hasil compile.

LEMBAR KERJA PESERTA DIDIK 3

 PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

7. Jika hasil sudah sesuai, catat hasilnya pada point i (Hasil).

I. Hasil
1. Analisis Table Gambar 1
a. Hasil Analisis
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...

b. Skript HTML + Hasil Compile

…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
.............................................................................................................................................................

2. Analisis Table Gambar 2

a. Hasil Analisis
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...

LEMBAR KERJA PESERTA DIDIK 4

 PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...

b. Skript HTML + Hasil Compile

…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
.............................................................................................................................................................

3. Analisis Table Gambar 1

a. Hasil Analisis
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...

LEMBAR KERJA PESERTA DIDIK 5

 PEMROGRAMAN WEB DAN PERANGKAT BERGERAK XI-1

…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...

b. Skript HTML + Hasil Compile

…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
…………………………………………………………………………………………………………………...
.............................................................................................................................................................
.............................................................................................................................................................
.............................................................................................................................................................
.............................................................................................................................................................
.............................................................................................................................................................
.............................................................................................................................................................
(bila tempat ini kurang mencukupi, pengerjaan bisa di kertas terpisah).

LEMBAR KERJA PESERTA DIDIK 6