1.
Cascading style sheet pada tampilan gambar
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 inline
seperti contoh berikut :
<img src="nama-file-gambar"
width="lebar" height="tinggi" alt="text" title="text" border="1"
/>
2)
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.
div { background:
url(“latar.png”); background-image:
url(“latar.png”);}
3)
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.
4)
Cascading style sheet pada tampilan video
Untuk penerapan Cascading style shee
pada elemen video dapat dituliskan secara inline seperti contih berikut ini :
5)
Cascading style sheet video embed dari youtube
Penyajian video juga bisa memanfaatkan
elemen iframe yang dilinkkan ke alamat video tertentu , misalnya
www.youtube.com. Berikut adalah penerapan CSS secara embed untuk menampilan
video dari youtube.
0 comments: