Lab_css_4
-
Upload
aris-suryatno -
Category
Documents
-
view
230 -
download
0
Transcript of Lab_css_4
7/21/2019 Lab_css_4
http://slidepdf.com/reader/full/labcss4 1/2
SMK TELEKOMUNIKASI
TUNAS HARAPAN
PROGRAM KEAHLIAN
TEKNIK KOMPUTER DAN JARINGAN
LABSHEET
Mata Pelajaran Pemograman Web
04Materi Pembelajaran Memahami style pada halaman web
Menyajikan style tertentu pada halaman web
Kelas/Semester : X / Ganjil Waktu : 1 x 45 menit
Hari/Tanggal : Instruktur : Aris Suryatno, ST
All contents are Copyright © 2014 SMK Telekomunikasi Tunas Harapan. All rights reserved. Page 1 of 2
Tujuan
Mengenal lebih lanjut mengenai Selector dalam CSS
Dasar Teori
Dalam CSS, terdapat cascade yang merupakan metode untuk mengeatur style supaya tidak terjadi konflik
Latihan 1 : Menggunakan ID ( . ) dalam CSS
1. Ketik kode html berikut dengan menggunakan program text editor (misal notepad++)
2. Simpan dengan nama : latihan_css_5.html pada folder C:/nama_anda
3. Mulai baris paling atas, tuliskan:
4. Buka file latihan_css_5.html dengan menggunakan browser (misal firefox/chrome)5. Hasilnya adalah sebagai berikut :
7/21/2019 Lab_css_4
http://slidepdf.com/reader/full/labcss4 2/2
Teknik Komputer dan Jaringan
All contents are Copyright © 2014 SMK Telekomunikasi Tunas Harapan. All rights reserved. Page 2 of 2
6. Dengan mendeklarasikan style warna hijau untuk elemen <em>, maka style tersebut akan berlakuuntuk setiap elemen tersebut. Sehingga pada hasil diatas untuk teks yang diapit oleh <h3> denganadanya <em> maka warna-nya mengikuti property <em>. Agar warnanya tidak mengikuti aturan<em> maka untuk script css diubah sebagai berikut :
Dari :
Menjadi :
7. Sehingga hasilnya menjadi :