Lab_css_4

3
  SMK TELEKOMUNIKASI TUNAS HARAPAN PROGRAM KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN LABSHEET Mata Pelajaran Pemograman Web 04 Materi Pembelajar an  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 Copy right © 2014 SMK Telekomunikasi Tunas Harapan. All rights rese rved. 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 :

Transcript of Lab_css_4

Page 1: 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 :

Page 2: Lab_css_4

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 :