Formating Multimedia & Tabel menggunakan HTML dan CSS - Praktikum 10

Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Postingan ini merupakan lanjutan dari post sebelumnya yaitu mengenai Penggunaan CSS dalam tag - tag HTML yang sudah kita gunakan sebelumnya. Nah, untuk sekarang saya akan sharing pemformatan multimedia dan tabel dengan menggunakan CSS. Langsung saja berikut Codingan dan contohnya :

Embeded CSS pada Image


Nah, ini juga sama Embedded CSS, pada codingan ini ada property CSS yang sebelumnya sudah kita gunakan juga, oh iya property border juga bsa kita gunakan untuk image, dan border-color untuk warna bordernya.

External Image Size :


 Nah, ini juga sama yaitu penggunaan pada gambar. Disini ada juga property clear yang berguna untuk  membersihkan/menonaktifkan property float sebelumnya.

Inline CSS Background Image


Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

Embedded CSS untuk Background Image


Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

Embedded CSS Image Placement


Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

Inline CSS Video


Nah, selain pada gambar CSS juga bisa gunakkan untuk Formatting Video. Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

Embedded CSS Video Embed Youtube


Nah, codingan ini untuk menayangkan/menampilkan video embedded dari youtube. Yaitu dengan menggunakan attribute <iframe> yang bisa juga menggunakan attribute frameborder untuk garis tepi tampilan video embed.

Embedded CSS pada Tabel


CSS juga dapat dipakai dalam table. Dan sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

External CSS Table 1


Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

External CSS Table 2


Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.



Sama seperti Codingan sebelumnya, Property - Property yang digunakan pada codingan ini sebelumnya juga sudah pernah digunakan dan dijelaskan. Jadi jika anda lupa anda bisa lihat dipostingan - postingan saya sebelumnya.

External CSS pada tabel - Quiz



Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.
😃Selamat Bercoding

Related Posts

Formating Multimedia & Tabel menggunakan HTML dan CSS - Praktikum 10
4/ 5
Oleh