Anda di halaman 1dari 11

Pemrograman WEB 2

Pertemuan 3 (CSS 2) Dosen : Titania Dwi Andini, S.Kom

Membuat Menu Horisontal


Buatlah Struktur hirarki menggunakan UL dan sub UL pada tag <body> sebuah HTML
Hasil :

CSS
Sisipkan CSS untuk format UL secara umum (contoh menggunakan internal)
Hasil :

Ket : list-style:none menghilangkan format bullet

Tambahkan format UL LI baik untuk root atau sub rootnya


Hasil :

Ket: Float:left menampilkan root secara horizontal

Menyembunyikan format sub UL


Hasil :

Memformat tag anchor <a> tambahkan css a {}


Hasil :

Ket : text-decoration:none menghilangkan format underline pada setiap <a></a> display : block menampilkan daerah secara penuh line-height : 20 pt memformat lebar baris sebesar 20 point

Merubah warna hover pada anchor


Hasil :

Menampilkan sub yang telah disembunyikan sebelumnya pada kejadian hover sub ul

Hasil :

TUGAS
Tambahkan 2 sub menu dibawah contact us yaitu : marketing dan produksi Buat menu secara vertikal seperti contoh di bawah

Ket : Setiap penambahan sub menu, format CSS akan mengikuti secara OTOMATIS

FORMAT PENGUMPULAN
KIRIM ke : titania@asia.ac.id atau ke tit4ni4@yahoo.com (email kedua optional jika email pertama hang) Subject : TUGAS <NIM> <kelas> <pertemuan>

Attach file html anda

ABSENSI
Tanda tangan absensi pertemuan 5 anda jika telah mengumpulkan / mengirimkan tugas ke email yang telah ditentukan. Email anda sebagai absensi dosen, jika absen manual ada namun email tidak ada, maka dianggap tidak punya poin Deadline kirim email : sesuai absensi/jadwal kelas anda.

GOOD LUCK !