Langsung ke konten utama

CSS untuk Memformat Tampilan Multimedia & Tabel || Praktikum 10

CSS untuk memformat tampilan Multimedia & tabel

Assalamualaikum wr wb..

Selamat datang di Web Praktikum.
 Postingan yang berikut ini adalah lanjutan pembahasan dari web sebelum nya Yaitu Pembahasan tentang CSS.

Kali ini saya akan membagikan bagaimana Pemformatan Tampilan Multi media dan tabel menggunakan CSS berikut caranya..


 1. Embeded Background Dengan Image di CSS

 Di bagian ini adlah penggunaan image untuk background menggunakan pemformatan CSS
berikut ini contoh nya

ini codingan nya






dan ini adalah Preview nya



 2.Embeded Image untuk Background Image

 ini adalah bagian untuk menempaktkan image sebagai background dengan ukuran yang dapat di sesuaikan oleh kita dengan Css


berikut ini Codingan nya




ini hasilnya



 3.Embeded image Css

 bangian ini adalah pemposisian image memggunakan Css lihat hasil san codingan nya


ini kodingan nya





ini hasil preview nya




4.Embeded Video Css

 pengaturan Video dengan Css jadi videio bisa kita ubah ukurannya dengan Css
begini hasilnya

ini Codinganya



Preview nya

 Nah bisa kita lihat hasilnya bahwa video bisa di ubah ukuranya dengan Css

5.Inline Css untuk baground Image

 bagian ini adalah membuat judul panjang dengan css dan menggunakan image sebagi baground nya


ini kodingan nya






ini hasil preview nya




6.Embeded Video YouTube

 dalam Css juga kita bisa meng hyperlink video langsung dari youtube dengan tag tag sebagai berikut


ini kodinganya





ini preview nya

jadi ketika kita membuka akan langsung mengarah pada link yang kita kaitkan di Tag Css tadi


7.image dengan External CSS

 berikut ini adlah pengaturean performatan image dengan CSS di luar file html

ini kodinganya


ini html nya



ini Css nya



ini preview nya



8.Tabel Dengan External CSS

 pad abagian ini adalah bagai mana mengatur performatan tabel dengan Css
berikut ualasan dan caranya

ini contoh kodingan nya

ini html nya


ini css external nya



ini  hasil preview nya




9.Tabel dengan External CSS 2

 ini kodingan nya


ini html nya


ini css nya


ini previewnya



10.EmbededTabelBorder

 ini adlah pengformatan Border dengan CSS
ini kodinganya




ini hasil previewnya

 nah bisa kita lihat bahwa hasilnya border dari tabel bisa kita rubah warnanya

11.Tabel dengan External CSS 3
ini lanjutan dari yang tadi


ini kodingan nya


html nya

Css nya


ini hasil previewnya


12.Quiz
ini adalah quiz yang di berikan di modul


ini kodingan nya

html nya

Css nya



dan ini hasil preview nya



Dan ini adalah hasil dari kedua codingan tadi yaitu html dan Css nya.






demikian postingan tentang Pemfornmatam multimedia dan tabel menggunakan Css



Terimakasih telah berkunjung..  :)


Komentar

Posting Komentar

Postingan populer dari blog ini

Pemograman Berorientasri Objek dan Interaksi User Pada JS || Praktikum 16

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana PBO (Pemograman Berorientasri Objek) dan interaksi user pada java script. PBO adalah sebuah pradigama dalam pemograman yang mengelompokan fungsi prosedur variable atau konstanta  terkait  dalam kesatuan. dalam Java script objek utamanya memiliki banyak bawaan seperti Math, Array, String dan Objek interaksi user adanya iteraksifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang di kembangkan. untuk mengelolah interaksi user ini banyak sekali atribut untk mengolah nya contoh nya berikut penjelasnya  salah satu macam nya : onChange: event ini muncul apabila sebuah elemen ( select , text , atau textarea ) telah diubah nilainya sebelum elemen tersebut kehilangan fokusnya. onClick: event ini muncul apabila terjadi aksi klik terhadap suatu elemen, seperti elemen button . onContextMenu:  event ini muncul apabi...
Posting Komentar
Baca selengkapnya

JAVA SCRIPT : PERULANGAN DAN FUNGSI || Praktikum 15

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana penggunaan Perulangan dan Fungsi Di java Script. Berikut ini adalah Penjelasanya Struktur Kontrol Perulangan Perulangn merupakan struktur yang memungkinkan menjalankan kode  program yang sama beberapa kali perulang di java script memiliki 3 bentuk yaitu : for while do-while a. perulangn for for(inisialisai; kondisi; peubah;){ baris program } b. perulangan while (kondisi){ kode program yang inigin di jalankan beberapa kali } c. perulangan Do-While do{ kode program yang ingin di jalan kan bebebrpa kali;  }while(kondisi); contoh programnya 1.Buat perulangan ini kodinganya : ini hasilnya : 2.Perulangan For ini kodinganya : ini hasil nya : seperti yang di lihat di kodingan bahwa  kodisinya menunjukan <=5 maka kata atau kalimat yang ingin kita ulang akan di ulang sebanyak 5x; 3.perulangan While ini kodin...
Posting Komentar
Baca selengkapnya

Introducing Framework Laravel || Praktikum

  Hallo Selamt Datang.. Kali ini Pembahsan Tentang FrameWork  Laravel Aadalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.  Sebenarnya Framwork Php banyak jenisnya dan mempunyai berbagai keunggulan masing masing akan tetapi laravel menurut saya lebih mudah digunakan. Beberapa fitur yang terdapat di Laravel : Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan tersedia beragam di aplikasi. Eloquent ORM, merupakan penerapan PHP lanjutan menyediakan metode internal dari pola “active record” yang menagatasi masalah pada hubungan objek database. Application Logic, merupakan bagian dari aplikasi, menggunakan controller atau bagian Route. Reverse Routing, mendefinisikan r...
Posting Komentar
Baca selengkapnya