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 :