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

Create Read Update Delete with Relation Tabel || Praktikum 4

Hallo Berjumpa Lagi di Blog Praktiku... Kali ini saya akan membahas tentang bagai mana dan apa itu cara untuk meralasikan 2 tabel pada data base. Contoh kasus yang diberikan adalah ketika akan menambahkan Data Siswa yang telah di buat pada postingan postingan sebelum nya, maka pilihan Kelas berasal dari tabel t_kelas yang bersifat dinamis. Artinya kita juga akan membuat CRUD sebagai data master Kelas nah jadi ketika kita memilih sebuah opsi maka opsi tersebut langsung berasal dari tabel yang kita buat di data base nya. contoh nya seperti ini : maka pada option diatas langsung berasal dari databse... untuk itu saya akan bahas.. Pertama buatlah tabel di data base dengan new tabel sebagi berikut ini dengan nama t_kelas : selanjutnya pada tabel siswa kosongkan lah datanya terlebih dahulu karena pada tabel siswa dengan tabel t_kelas kita akan mengjoinkan nya atau merelasikanya untuk mengkosongkan data agar lebih mudah tinggal masuk ke option>truncate. ...
Posting Komentar
Baca selengkapnya

Array Asosiatif & CSS Media Query Diphp || Praktikum 25

Hallo berjumpa lagi di Blog Praktikum.. pada postingan kali ini saya akan menjelaskan dari apa itu array Asosiatif dan CSS Media Query di PHP. Pengertian Array Asosiatif kumpulan data abstrak yang berpasang pasangan sehingga setiap kunci yang mungkin muncul paling banyak satu kali dalam koleksi. contoh penggunaan nya : Praktikum nya.. ada dua yaitu : 1. LatArrayAsosiatif.php 2. Array Asosiatif Feat looping 3. Studi kasus penggunaan array Asosiatif berikut contoh kodingan dan hasil nya 1. LatArrayAsosiatif.php ini kodingan nya ini hasil nya 2. Array Asosiatif Feat looping ini kodingan nya ini hasil nya 3. Studi kasus penggunaan array Asosiatif ini kodingan nya ini hasil nya =========== selanjutnya ada Css media query fungsi fungsi utama dari css media query ini adalh memungkinkan tampilan konten web akan sesuai dengan ukuran alat yang digunakan CSS Media Query menangani perbedaan tampilan pada beberapa resolu...
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