ASSALAMUALIKUM WR.WB
Bandung,29 agustus 2018
Nah Bray Kali ini kita akan membahas masih berhubungan tentang css dan kita disini akan lebih ke tabel,seperti halnya yang ada dihtml,cuman kita disini gengs lebih memakai css untuk penampilan yang lebih bagus dan lebih mudah. nah untuk mempersingkat waktu kita mulai saja ya...
Nah Teman-Teman kalian kalau ingin mengambil gambar/memasukkan gambar itu gimana sih??????
Nah untuk coding menampilkan gambar dan anda harus ingat-ingat!!!
<img src="nama-file-gambar" width="lebar“ height="tinggi“ alt="text" title="text" border="1" />.
ya kita langsung saja test ya lewat coding dan saya akan menampilkan hasilnya.
1. Emb imagecss.html
HASILNYA
2.ExtImageCSS.html
Nah Kali ini saya akan mengajarkan mengganti background menjadi image yang kita inginkan.
HASILNYA
nah perlu diingat untuk menggenti background menjadi img kalian tekan.
<body background="bgimage.jpg">
Nah untuk Codingan dan Hasilnya saya akan tampilkan.
3.Inlinecss forbgimage.html
HASILNYA
5.EmbBgImageasImage.html
HASILNYA
HASILNYA
7.EmbVideoYoutube.html
HASILNYA
syarat:ketika anda ingin memasukkan video youtube anda bisa melihat pada "teruskan" kemudian anda copy linknya ke clipboard dan untuk lebih ideal lagi anda bisa tekan embed dan mencopy embednya.
Sekarang Kita Pindah ke Cara membuat tabel pada css
Untuk Lebih pahamnya lagi saya akan memberikan konsep dasar model box.
jadi gambarannya seperti berikut:
Margin :Daerah yang paling luar dan membatasi pada pada jarak tabel
Border : border mengelilingi padding dan content dan merupakan garis pinggir yang bisa diwarna dan ditebalkan
Padding : Area yang mengelilingi content
Content : Isi dari box.merupakan text atau gambar.
8.TabelCollapse.html
9.extTablewithclass.html
10.extTabelwithclass2.html
11.extTabelwithclass3.html
12. Quiz individu
Dan saya pamit dulu dan saya ucapkan selamat menjalankan aktifitas👊👊👊👊
WASSALAMUALIKUM WR.WB
Tidak ada komentar:
Posting Komentar