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

Struktur Kontrol - Percabangan di PHP || Praktikum 21

halo selamat berjumpa lagi di blog Praktikum.. Pembahasan kali ini adalah mengenai pembahasan : Struktur Kontrol - Percabangan di PHP Percabangan Percabangan (decision-making) sebagai cara untuk untuk memeriksa isi suatu variabel atau hasil perhitungan ekspresi dan mengambil tindakan yang sesuai dengan kondisi variable tersebut. macam macam percabangan Bentuk If (If-else, If- else if – else, Nested If) Bentuk Switch-case Ternary( ?: ) Bentuk IF-Else if(condition){ // statement 1 goes here }else{ // statemant 2 goes here } // statement 3 goes here Bentuk IF-Else If if(condition1){ // statement 1 }elseif(condition2){ // statement 2 }else{ // statement 3 } // statement 4 Nested IF( If Bersarang) if(condition){ if(condition1){    //statement 1 goes here }else{    // statemant 2 goes here } }else{ // statemant 3 goes here } Switch-case switch(a){ case 1; // statement 1 goes here break; case 2; // statement 2 goes here break; case 3; //
Posting Komentar
Baca selengkapnya

Searching dan Ordering || Praktikum 31

Assalamualaiku.. Halo berjumpa lagi di blog praktikum.. kali ini saya akan membahas bagai mana searching dan ordering searching dan ordering ini digunakan untuk mencari sebuah data dengan kata kunci dan ordering digunakan untuk menglist atau mengururtkan data sesuang dengan angka atau huruf tertentu. Searching pada searching ini kita gunakan kondisi dan query sebagai berikut: yang pertama harus kita lakukan adalah membuat form yang berfungsi se4bgai <form action="index.php" method="get">             <table>                 <tr>                     <td>Cari Berdasarkan NIS dan NAMA                         <input autocomplete="off" required type="text" name="search" class="in" value="<?= @$search ?>">                         <button class="but" type="submit">Cari</button>                         <a href="tambah.php">
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 relasi atau hub
Posting Komentar
Baca selengkapnya