Anda di halaman 1dari 9

LAPORAN PRAKTIKUM PEMROGRAMAN WEB 1

MODUL 1

Disusun oleh :
Amelia Nuril Azzahra
(20210910001)
Dosen :
Dede Irawan., M.Kom

PROGRAM STUDI SISTEM INFORMASI


FAKULTAS ILMU KOMPUTER
UNIVERSITAS KUNINGAN
2021
A. TUJUAN PRAKTIKUM
1. Memahami struktur dasar pemrograman HTML4 dan HTML5.
2. Memanipulasi halaman web menggunakan tag dan atribut HTML.
3. Membuat Hyperlink dan List pada HTML
4. Memahami dan menjelaskan konsep frame.
5. Membuat halaman web input data dengan menyertakan tabel.
B. DASAR TEORI
HTML menjadi pondasi dasar dalam halaman website. Sebuah file HTML di disimpan
dengan ekstensi .html (dot html) dan dapat diakses menggunakan web browser (Google Chrome,
Mozilla Firefox, Opera, Safari dan lain-lain). HTML (HyperText Markup Language) adalah
bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web.
(Sibero, 2013:19). Elemen HTML tersusun dari tag-tag yang memiliki fungsinya masing-masing,
seperti tag heading, paragraf, list, membuat hyperlink atau link.
Adapun HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World
Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat
ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan
HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara
berbeda-beda oleh banyak perangkat lunak pembuat web.
C. PEMBAHASAN
- PRETEST
1. Mengapa HTML merupakan pondasi dasar dalam membuat halaman website ?
JAWAB :
HTML menjadi pondasi dasar dalam halaman website. Sebuah file HTML disimpan
dengan ekstensi .html(dothtml) dan dapat diakses menggunakan web browser
(GoogleChrome, MozillaFirefox, Opera, Safari dan lain-lain). HTML (Hyper Text
Markup Language) adalah bahasa yang digunakan pada dokumen web sebagai
bahasa untuk pertukaran dokumen web. (Sibero, 2013:19). Elemen HTML tersusun
dari tag-tag yang memiliki fungsinya masing-masing, seperti tag heading, paragraf,
list, membuat hyper link atau link.
2. Tuliskan struktur dasar dokumen HTML?
JAWAB :
Tag HTML, tagHEAD, tagBODY
3. Jelaskan perbedaan HTML4 dan HTML5 ?
JAWAB :
HTML4 :
• Penulisan syntax DOCTYPE lebih panjang dan rumit
• Menggunakan Flash pada aplikasi audio dan video
• Penggunaan Browse Cache untuk penyimpanan sementara
• Kuno / masih menggunakan Browser yang out of date
• JavaScript browser memperlambat kinerja komputer
HTML5 :
• Cukup dengan <!DOCTYPE HTML>
• Terdapat tag video, audio dan canvas
• Memiliki Data Storage untuk penyimpanan yang berkapasitas lebih besar
• Modern / telah memiliki support yang selalu UPDATE pada browsernya.
• Dapat memperlancar tugas secara sekaligus
- PRAKTIKUM
• Praktikum 1 (Format Teks)
JAWAB :

HASIL :

• Praktikum 2 (Format Halaman)


JAWAB :

HASIL :
• Praktikum 3 (List)
JAWAB :

HASIL :

• Praktikum 4 (Hyperlink dan Picture)


JAWAB :

HASIL :
• Praktikum 5 (Tabel)
JAWAB :

HASIL :

• Praktikum 6 (Frame)
JAWAB :
HASIL :
- POSTTEST

HASIL :
- TUGAS
1. Apa keuntungan menggunakan HTML ?
JAWAB :
Bersifat open-source, HTML bisa digunakan secara gratis tanpa ada biaya tambahan.
Dapat terintegrasi dengan bahasa lain seperti PHP, Node.js, Perl, dan sebagainya. HTML
tidak memerlukan compiler untuk menjalankan perintah. Bisa digunakan untuk
menampilkan media seperti gambar, tabel, dan video.
2. Buatlah halaman website yang menarik dengan desain seperti di bawah ini !
JAWAB :

HASIL :

Anda mungkin juga menyukai