LAPORAN PRAKTIKUM 4

PEMOGRAMAN BERBASIS WEB

ADYTIA ULHAQ
20076069
PENDIDIKAN TEKNIK INFORMATIKA
JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK
UNIVERSITAS NEGERI PADANG
SEMESTER 4
TAHUN 2021
LATIHAN

1. Pengaturan latar belakang

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT

C. KESIMPULAN
Pada Penjelasan Latihan Keenam menjelaskan tentang pemberian sebuah latar belakang pada
tampilan outputnya, misalnya dengan pemberian background berupa warna maupun sebuah
gambar.

2. Penanganan font

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT

C. KESIMPULAN
Pada penjelasan Latihan Ketujuh menjelaskan tentang penanganan sebuah font pada tulisan,
apakah font tersebut tebal, miring, bergaris ataupun font normal, kita bisa mengetikkan
p.tebalatau normal {font-weight:bold} mislanya.

3. Pembuatan border

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT

C. KESIMPULAN
Pada penjelasan Latihan Kedelapan menjelaskan tentang pembuatan border, property border
color dan border width tidak dikenali oleh browser internet explorer bila digunakan secara
langsung. Gunakan property border style untuk menyiapkan border dalam internet explorer
<br>.

4. Pengaturan margin

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada penjelasan Latihan Kesembilan menjelaskan tentang pemberian margin, margin bisa
berupa jarak antara teks, paragraph tanpa margin akan terlihat biasa saja, kita dapat
memberikan margin dengan mengetikkan p.margin {margin:2cm 4cm 3 cm 80px}

5. Mengatur pedding pada sel tabel

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada penjelasan Latihan Kesepuluh menjelaskan tentang pengaturan sebuah padding pada sel
table style type dapat berupa text atau css, kita dapat mengetikkan td.value2{padding:0,5cm
2,5cm}

6. Menggunakan list

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada penjelasan Latihan Kesebelas menjelaskan tentang pemberian sebuah list, kita bisa
menggunakan gambar berukuran kecil sebagai bullet untuk list, property outside akan
menyebabkan list menjadi lebih rapi bila terdiri atas item yang berupa kalimat panjang dan
window browser berukuran kecil.

7. Elemen latar depan dan latar belakang

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. PENJELASAN PROGRAM

Pada penjelasan Latihan Keduabelas menjelaskan tentang pemberian sebuah elemen pada latar
belakang maupun latar depan kita bisa mengetikkan img.x1, position, left dan top pada sebuah
pemograman

8. Mengubah tampilan link

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan latihan ketigasbelas yaitu menjelaskan tentang pemberian atau mengubah
tampilan link dan menggunakan css pada file terpisah yaitu dengan mengetikkan sebuah
program <link rel=”stylesheet”type=”text/css”href=”style css”>.

TUGAS
1. Buatlah sebuah halaman web dengan tampilan dengan program css.

2. Gunakan coding pada latihan pada jobsheet ini untuk membuat halaman web yang
dirancang.

A. SCRENSHOOT PROGRAM

1. HOBBY

2. KESIMPULAN

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Kesimpulan Pada jobsheet 04 adalah :

< html > : Mendefinisikan sebuah dokumen html.

< body > : Mendefinisikan isi/badan suatu dokumen.

< h1 >-< h6 > : Mendefinisikan heading ke 1 s/d heading ke 6.

< br > : Menyisipkan sebuah line break.

< ol > : Mendefinisikan sebuah list ordered.

< ul > : Mendefinisikan sebuah list unordered.

< li > : Mendefinisikan sebuah item dalam list.

< table > : Mendefinisikan sebuah tabel.

< tr > : Mendefinisikan suatu barisan dalam tabel.

< td > : Mendefinisikan suatu sel dalam tabel.

<a> : Mendefinisikan sebuah anchor.

< div > : Mendeskripsikan suatu bagian atau divisi yang sifatnya fleksibel.

< marquee > : Salah satu fungsi untuk memodifikasi tulisan pada website/blog.

< rel > : Mendefinisikan sebuah relasi antara halaman yang sedang dikunjungi dengan
halaman tujuan yang terdapat pada value atribut rel tersebut.

< href > : Merujuk pada atribut html yang berguna untuk membuat suatu hyperlink
antar halaman HTML.

< class > : Dipanggil pada css atau javascript dengan menggunakan tanda titik.