LAPORAN PRAKTIKUM

DESAIN DAN PEMROGRAMAN WEB

PRAKTIKUM KE-1
HTML

OLEH:
NAMA : DANI RAHMAT PUTRA
NIM : 2031730078
KELAS: MI 1B

Manajemen Informatika
PSDKU Polinema Kota Kediri
2021
A. TUJUAN

1. Menuliskan kode HTML

2. Menggunakan fungsi tag HTML
3. Menerapkan penggunaan media dalam HTML

B. PERALATAN DAN KOMPONEN

1. Komputer / Laptop sebagai hardware

2. Sublime sebagai editor source code
3. Web Browser (Firefox)

C. TUGAS PENDAHULUAN

1. Apa yang Anda ketahui tentang HTML?

HTML adalah singkatan dari Hypertext Markup Language. Disebut Hypertext

karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya
menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya
dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan Hypertext,
walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark),

untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda
tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak
besar. Tanda ini di kenal sebagai HTML tag.

Html disusun dengan kode dan simbol tertentu yang dimasukkan ke dalam sebuah
file atau dokumen. Jadi setiap Anda membuka website apapun dengan menggunakan
browser maka web tersebut dibuat dengan menggunakan html.

Dari singkatan hypertext markup language itu sendiri kita bisa mengetahui makna
dari html. Hypertext adalah suatu metode yang digunakan untuk berpindah laman web
ke laman yang lain dengan mengklik suatu tulisan atau simbol pada laman website.

Istilah markup pada html sendiri diartikan sebagai suatu hal yang dilakukan tag
html terhadap teks yang berada didalamnya, misal jika mengetik suatu teks dengan
tanda tag <b> maka teks tersebut akan muncul sebagai teks dengan huruf tebal atau
bold pada suatu laman website.

POLITEKNIK KEDIRI
 Simbol atau tag html tersebut ditulis pada laman html yang sudah disediakan pada
dashboard website pada umumnya. Sementara language dalam html adalah bahasa
pemrograman atau script yang disusun dari tag-tag tertentu yang nantinya akan
diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.

2. Bagaimana sebuah desain website dapat dikatakan efektif menurut Anda?

1. Tampilan desain elegan dan tidak rumit

2. Website kompatibel dengan semua perangkat

3. Loading yang cepat

4. Website bisa diakses di semua kalangan umur

5. Desain cocok dengan tema dan isinya

POLITEKNIK KEDIRI
D. HASIL PRAKTIKUM

1. Latihan1.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
2. Latihan2.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
3. Latihan3.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
3. Latihan4.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
4. Latihan5.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

5. Latihan6.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
6. Latihan7.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
7. Latihan8.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI
E. TUGAS

Buatlah tampilan html yang berisi biodata lengkap kalian dan sertakan foto asli.

Biodata.html

Source code di atas akan menghasilkan tampilan sebagai berikut:

POLITEKNIK KEDIRI