Pada Line 1 terdapat tag <link>, didalam tag <link> terdapat atribut rel yang berfungsi untuk menentukkan hubungan (relationship) antara dokumen yang bersangkutan dengan dokumen yang di-link. Dan atribut href yang berfungsi untuk menentukkan lokasi file (CSS) atau dokumen yang di-link (dirujuk). Biasanya, sumber file CSS yang ingin diaplikasikan pada dokumen yang bersangkutan. Listing tersebut digunakan untuk menginstal bootstrap secara online dan letaknya berada pada bagian <head> pada halaman HTML.
PENJELASAN LISTING B
[code hl=""]
[/code]
Pada listing tersebut, bootstrap juga memerlukan jquery karena untuk bagian JavaScript-nya bootstrap menggunakan jquery dan file tersebut berada pada bagian <body>. Kekurangannya apabila kita menjalankan kode program diatas harus terkoneksi ke Internet untuk mengambil library jqwery.
Pada Line 1 terdapat tag <div> yang berfungsi untuk menampung beberapa element menjadi satu kelompok. Didalam tag <div> terdapat atribut style yang berfungsi untuk mengubah tampilan dasar dari element HTML, dengan value background-color: red; untuk mengubah warna background dan color: white; untuk mengubah warna teks.
Pada Line 2 terdapat tag <table> yang berfungsi untuk membuat table. Didalam tag <table> terdapat atribut align yang digunakan untuk meratakan teks secara horizontal, dengan value-nya center agar posisi teks berada di tengah. Dan juga terdapat atribut cellpadding yang digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri, dengan value-nya 4.
Pada Line 3 terdapat tag <tr> kepanjangan dari Table Row yang digunakan untuk mendefiniskan baris pada table.
Pada Line 4 terdapat tag <th> kepanjangan dari Table Heading yang digunakan untuk membuat judul sebuah table dan biasanya di tanda dengan hurufnya menjadi bold.
1. Jelaskan apa yang dimaksud dengan CSS!
Jawaban : 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. Jelaskan 3 cara pemanggilan CSS serta tuliskan bentuk penggunaannya!
Jawaban :
Internal CSS juga dikenal dengan sebutan Embeded CSS.
Tag <style> biasanya ditulis di dalam tag <head>.
Bisa juga ditulis di dalam <body>, namun lebih banyak ditulis di dalam <head>. Bentuk Penggunaannya
[code hl=""]
[/code]
Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML.
Eksternal CSS ditulis disebuah file khusus yang berekstensi .css. Bentuk Penggunaannya
[code hl=""]
[/code]
Dalam contoh diatas, file style.css berisikan semua rule. Contohnya:
Inline CSS adalah kode CSS yang ditulis langsung pada atribut
elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis. Bentuk Penggunaannya
[code hl=""]
Inline CSS
Pemrograman Web
[/code]
3. Jelaskan apa yang dimaksud dengan selector, declaration, property dan value pada CSS!
Jawaban :
Selector merupakan Tag HTML, CSS atau ID yang akan diberi atau dikenai gaya.
Declaration atau Deklarasi yaitu properti dan value yang akan ditentukan oleh tag bersangkutan.
Property merupakan jenis style atau gaya yang akan dikenakan pada Selector.
Value merupakan nilai dari property yang membentuk style.
4. Jelaskan perbedaan selector tag, class dan id pada CSS serta berikan contoh penggunaannya!
Jawaban :
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. Contoh Penggunaannya
[code hl=""]
<- P {color: # ff0000;} ->
Belajar Pemrograman
Web
dan lagi
[/code]
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.
Contoh Penggunaannya
[code hl=""]
komentar
{
text-align:left;
color:red;
}
Pada bagian dokumen web, misalnya akan diterapkan pada paragraph dan pada sebuh div dalam sebuah dokumen web yang sama, dapat dituliskan
