LAPORAN PRAKTIKUM

MODUL PRAKTIKUM I
HTML I

UNTUK MEMENUHI TUGAS MATAKULIAH

Praktikum Pemrograman Web
yang dibina oleh Bapak Achmad Hamdan, M. Pd.

Disusun oleh:
Zakiyah Amalina
(170533628505)
S1 PTI 2017 / OFF C

UNIVERSITAS NEGERI MALANG

FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
FEBRUARI 2019
I. Latihan Praktikum
1. Latihan.htm
a. Source Code

b. Hasil
2. Komentar.htm
a. Source Code

b. Hasil
3. Horizontal.htm
a. Source Code

b. Hasil
4. Center.htm
a. Source Code

b. Hasil
5. TagDiv.htm
a. Source Code

b. Hasil
6. FormatTeks.htm
a. Source Code

b. Hasil
7. Paragraf.htm
a. Source Code

b. Hasil
8. Heading.htm
a. Source Code

b. Hasil
9. TagPre.htm
a. Source Code

b. Hasil
10. list.htm
a. Source Code

b. Hasil
11. warna.htm
a. Source Code

b. Hasil
12. JenisFont.htm
a. Source Code

b. Hasil
13. FormatFont
a. Source Code

b. Hasil
14. halx.htm
a. Source Code

b. Hasil
15. haly.htm
a. Source Code

b. Hasil
16. Halutama.htm
a. Source Code

b. Hasil
17. linksosmed
a. Source Code

b. Hasil
18. LinkDownload.htm
a. Source Code

b. Hasil
19. gambar.htm
a. Source Code

b. Hasil
Tugas Praktikum
20. Tugas1.htm
a. Source Code
b. Hasil

c. Analisis
Pada praktikum ini, halaman web akan dibuat sederhana dengan melibatkan
elemen teks, garis, warna, dan gambar. Selain itu, pada halaman web ini juga memuat
heading dan garis berwarna serta gambar dengan border. Penjelasan kode program
untuk menghasilkan halaman web seperti pada gambar di atas adalah sebagai berikut.
a. Untuk membuat judul dokumen html, maka dibuat dengan menggunakan
<title>Tugas Praktikum</title> .
b. Kemudian untuk membuat badan atau inti dari halaman dengan menggunakan
gambar sebagai backgroundnya, maka pada body harus ditambahkan
 background="bulutangkisbg.jpg” dengan syarat file gambar berada satu
folder dengan file project.
c. Judul (heading) dalam badan dokumen dibuat menggunakan tag <h1> dengan
letak teks berada di tengah (center), font times new roman dan ukuran tulisan
6.
d. Untuk membuat garis horizontal dengan warna biru dengan ketebalan 3x,
maka digunakan <hr ….> seperti pada line ke 7 di kode program. Sedangkan
garis kedua pada halaman, yaitu garis yang berada setelah paragraf kedua
dibuat dengan warna merah seperti pada line ke 15. Pembuatan garis
horisontal juga digunakan pada garis biru yang berada di atas gambar.
e. Paragraf pertama pada halaman dibuat dengan align justify atau rata kanan kiri
dengan font times new roman dan ukuran 4. Kemudian paragraf kedua dibuat
dengan letak teks di tengah (center) font arial ukuran 3 dengan warna merah.
f. Menambahkan gambar pada halaman web dapat dilakukan dengan
menambahkan letak file gambar setelah kode program <img dan diberikan
ketentuan gambar berada di tepi kanan dengan lebar 200 dan border ukuran 4x
dengan warna border biru.