LAPORAN PRATIKUM

PERANCANGAN WEB

Dosen Pengampu :
Nola Ritha, S.T.,M.Cs

Nama : Friska Emelia Tindaon

NIM : 160155201015

Jurusan Teknik Informatika

Fakultas Teknik
Universitas Maritim Raja Ali Haji
Praktek 3a
Membuat nomor secara berurut pada dokumen HTML dengan elemen OL(Ordered List). Memulai
Ordered List meggunakan tag <ol> dan diakhiri dengan tag </ol>. Dimana dalam elemen OL harus
terdapat beberapa elemen Li.
Ketik dan jalankan source code berikut :

Maka hasil yang ditampilkan dari Program Ordered List Angka diatas terlihat seperti pada gambar
berikut :
Ketik dan jalankan source code berikut :
Merubah Ordered List menjadi urutan Huruf dengan menggunakan tipe “A”

Maka hasil yang ditampilkan dari Program Ordered List Huruf diatas terlihat seperti pada gambar
berikut :
Ketik dan jalankan source code berikut :
Merubah Ordered List menjadi urutan Huruf dengan menggunakan tipe “I”.

Maka hasil yang ditampilkan dari Program Ordered dengan tipe Romawi diatas adalah :
Praktek 3b
Membuat daftar tanpa menggunakan nomor urut pada dokumen HTML dengan elemen UL
(Unordered List). Memulai Unordered List menggunakan tag <ul> dan diakhiri dengan tag </ul>.
Dimana dalam elemen UL harus terdapat beberapa elemen Li.
Ketik dan jalankan source code berikut :
Membuat Unordered List dengan menggunakan Bulleting tipe “Square”.

Maka hasil yang ditampilkan dari Program Unordered List dengan Bulleting tipe Square diatas
adalah :
Ketik dan jalankan source code berikut :
Membuat Unordered List dengan menggunakan Bulleting tipe “Circle”.

Maka hasil yang ditampilkan dari Program Unordered List dengan Bulleting tipe Circle diatas
adalah :
Ketik dan jalankan source code berikut :
Membuat Unordered List dengan menggunakan Bulleting tipe “Disc”.

Maka hasil yang ditampilkan dari Program Unordered List dengan Bulleting tipe Circle diatas
adalah :
Praktek 3c
Membuat List Bersarang
Ketik dan jalankan source code berikut :

Maka hasil yang ditampilkan dari Program Unordered List diatas adalah :
Praktek 3d
Membuat gabungan antara Ordered List & Unordered List
Ketik dan jalankan source code berikut :

Maka hasil yang ditampilkan dari gabungan Program Unordered List dan Ordered List diatas
adalah :
Latihan
3a. Menampilkan halaman web dengan daftar urut seperti berikut :

Maka source codenya adalah :

3b. Menampilkan halaman web dengan daftar urut seperti berikut :

Maka source codenya adalah :

3c. Menampilkan halaman web dengan daftar tidak urut seperti berikut :

Maka source codenya adalah :

3d. Menampilkan halaman web dengan daftar tidak urut seperti berikut :

Maka source codenya adalah :

3e. Menampilkan halaman web dengan daftar urut dan tidak urut seperti berikut :

Maka source codenya adalah :