Tugas Pendahuluan III Makassar, 26 Mei 2022
PRAKTIKUM
PEMROGRAMAN WEB
Nama : Nur Azizah Khoirunnisa
Nim : 13020200242
Dosen : Dedy Atmajaya, S.Kom.,M.Eng.
Asisten 1 : Ericha Apriliyani, S.Kom., MTA
Asisten 2 :
Frekuensi : B3
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MUSLIM INDONESIA
MAKASSAR
2022
TUGAS PENDAHULUAN
1.
Jelaskan apa yang dimaksud dengan CSS!
2.
Jelaskan 3 cara pemanggilan CSS serta tuliskan
bentuk penggunaannya!
3.
Jelaskan apa yang dimaksud dengan selector, declaration, property dan value pada CSS!
4.
Jelaskan perbedaan
selector tag, class dan id pada CSS serta berikan contoh penggunaannya!
Jawab :
1.
Cascading
Style Sheet (CSS)
Cascading Style Sheet (CSS) adalah suatu bahasa
yang bekerja sama dengan dokumen HTML untuk mendefinisikan cara bagaimana suatu
halaman web ditampilkan atau dipresentasikan. Presentasi ini meliputi style
atau gaya pada teks, link maupun tata letak (layout) halaman. Script CSS disimpan
dengan format ekstensi .css
2. Pemanggilan CSS
|
STYLE |
KETERANGAN |
CONTOH |
|
Internal Style |
Menuliskan Kode CSS pada bagian Header (head)
dokumen HTML ditandai dengan penggunaan tag style yang didalamnya terdapat
deklarasi-deklarasi css. |
<head> <style> body { background:black; } </style> </head> |
|
External Style |
Menuliskan Kode CSS pada File Terpisah dengan
Ekstensi CSS dan dipanggil melalu tag <link> dari dokumen HTML. |
<head> <link href=”style.css”
rel=”stylesheet”/> </head> |
|
Inline Style |
Menuliskan Kode CSS langsung pada tag yang
akan diubah atau diatur stylenya menggunakan attribut style. |
<p style=”font- face:arial;
color:red;”> Warna Merah Arial</p> |
3. Selector,
declaration, property dan value pada CSS
a.
Selector
merupakan
Tag HTML, CSS atau ID yang akan diberi atau dikenai gaya.
- Selector
Tag berisi tag-tag HTML yang akan dimanipulasi oleh
CSS, dimana penggunaan- penggunaan tag yang dikenai CSS akan ikut berubah
sesuai dengan deklarasi CSSnya.
- Selector
Id berisi identifier unik yang akan dimanipulasi
oleh CSS, umumnya id atau identifier hanya dapat digunakan oleh satu elemen
saja. Selector id ditandai dengan simbol pagar (#) yang diikuti dengan nama id
atau identifier.
- Selector
Class berisi identifier kelas yang akan dimanipulasi
oleh CSS berdasarkan kelasnya yang memiliki karakteristik yang sama dan
digunakan berulang-ulang. Penggunaan selector class pada struktur CSS ditandai
dengan simbol titik (.) yang diikuti dengan nama kelas.
b.
Declaration
atau Deklarasi properti dan value yang akan ditentukan oleh
tag bersangkutan.
c.
Property
merupakan
jenis style atau gaya yang akan dikenakan pada Selector.
Value merupakan
nilai dari property yang membentuk style. Berikut contoh deklarasi CSS pada tag
body.
4. Perbedaan selector tag, class dan id pada CSS serta contoh penggunaannya
·
ID
ID merupakan selector
yang digunakan oleh satu tag html, ini adalah yang disarankan, karena ID itu
sendiri hanya boleh digunakan untuk satu tag html.
Penulisan di css :
#header{
backgroud-color:green;
width:900px;
height:40px;
}
Penggunaannya di html :
<div
id="header"></div>
·
Selektor Tag
Selektor Tag disbut
juga Type Selector. Selektor ini akan memilih elemen berdasarkan nama tag.
Penulisan di css:
p {
color: blue;
}
Penggunaannya di html
<div>Helo apa
kabar, saya sedang belajar CSS</div>
<p>Materi yang
sedang kita bahas adalah Selektor</p>
<div>Saat ini
sedang dibahas tentang selektor tag</div>
<p>Selektor tag
adalah selektor untuk memilih elemen HTML berdasarkan nam
·
Class
Class merupakan
selector yang dapat digunakan oleh lebih
dari satu tag html. Artinya beberapa tag html bisa menggunakan css dari class
tersebut.
Penulisan di css :
.judul{
font-size:20px;
color:orange;
}
Penggunaannya di html :
<h1
class="judul">BAB IV</h1>
<div class="judul">BAB V</div>
Komentar
Posting Komentar