Praktikum Pemrograman Web1 Modul 2 (HTML Lanjutan (Link, List dan Tag HTML untuk Tabel)

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB 1

MODUL 2

"HTML Lanjutan (Link, List dan Tag HTML untuk Tabel"




Di Susun Oleh :

                                                              Nama   : Deni Nurfazar
                                                              NIM      : 20160920121
                                                              Kelas    : SI-2016 C




LABORATORIUM FAKULTAS KOMPUTER
UNIVERSITAS KUNINGAN
TAHUN AKADEMIK
2017/2018



--------------------------------------------------------------------------------------------------------------------------


Post Test

Buatlah halaman website seperti pada buku modul praktikum.

Pertama kita dan seperti biasa kita buat terlebih dahulu kerangka dasar HTML, setelah itu kita buat tampilan bagian header halaman website. Yang didalamnya mengandung Tag (h) untuk masing-masing tulisan dengan align center dan hr untuk memberi garis sebagai batas antara header dengan bagian main. Scriptnya seperti berikut ini :



Hasil Running script html nya pada web browser adalah sebagai berikut :


Penjelasan :
Setelah header dibuat selanjutnya  membuat tabel. Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>,dan tag <td>:
  • Tag <table> digunakan untuk memulai tabel
  • Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
  • Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.


Pertanyaan & Tugas

1. Jelaskan perbedaan tabel layout dan tabel konvensional pada HTML!
2. Buatlah halaman website dengan tampilan seperti pada buku modul praktikum, dimana untuk menu Beranda, Biodata, dan Nilai harus bisa melakukan hyperlink. Menu Biodata berhubungan dengan tugas modul 1 dan menu Nilai dapat link ke tabel latihan pada modul 2.

1. Perbedaan Tabel Layout dan Tabel Konvensional HTML
  •     Tabel Konvensional

 Tabel konvensional merupakan tabel yang biasa kita lihat dalam kehidupan sehari-hari, misalnya tabel tentang daftar karyawan, daftar mahasiswa dan lain-lain.

  •    Tabel Layout

Tabel layout yaitu tabel yang digunakan untuk melakukan pengaturan tata letak tampilan di dalam monitor sehingga script akan terlihat menarik.



2. Untuk membuat halaman web seperti pada buku mudul maka kita buat scriptnya seperti dibawah ini :


Hasil running pada notepad++ di web browser yang tersedia adalah sebagai berikut :


Komentar

Postingan populer dari blog ini

Laporan Praktikum PBO Modul 1 (Class, Atribute, Method, dan Object)

Praktikum Jaringan Komputer Modul 8 (Dynamic Routing)

Praktikum Jaringan Komputer Modul 7 (Static Routing)