CSS berperan penting dalam menyajikan informasi dengan visual yang lebih baik, lebih optimal dari sisi penulisan serta lebih disenangi oleh mesin pencari. CSS dapat diterapkan hampir pada semua objek yang disisipkan dalam tag html baik itu tulisan, tabel dan gambar maupun objek lainya. Untuk mengatur gambar dapat dituliskan secara online seperti contoh berikut.
Cascading style sheet Gambar untuk background
Seperti penambahan warna latar, penambahan gambar latar belakang juga dilakukan dengan menggunakan dua properti, yaitu background dan background-image. Nilai yang diisikan untuk properti ini ialah url dari gambar, relatif terhadap file CSS, sama seperti pada penambahan font.
Cascading style sheet untuk menyisipkan gambar
Adakala saat membuat halaman web yang berisi artikel diperlukan gambar yang mendukung artikel tersebut. Agar terlihat rapi dan menarik maka gambar yang disisipka perlu diberi CSS.
Membuat Gambar Transparan
Untuk membuat gambar menjadi transparant, dapat menggunakan property opacity. Contoh penulisan css: selector {opacity: 0,4;}
Membuat Gallery Gambar
CSS dapat juga digunakan untuk membuat gallery gambar.
Cascading Style Sheet pada tampilan Video
Digunakan untuk mengatur tampilan pada video
Cascading Style Sheet Embed Video dari Youtube
Penyajian video juga bisa memanfaatkan elemen iframe yang dilinkkan ke alamat video tertentu , misalnya www.youtube.com.
Buatlah halaman web sebagai berikut.
Tag HTML:
Hello, my satria mubarok anwar. I'm a 20 year old and iam a blogger.
Tidak ada komentar:
Posting Komentar