D'Coding

Cara Menyisipkan Media (Video, Audio, dan Gambar) Pada sebuah halaman web, pasti ada video, audio dan juga gambar bukan?.  Mengapa demikian? karena video dapat membuat sebuah blog menjadi semakin menarik. Video juga dapat memperbanyak pengunjung sehingga blog kita semakin berkembang. Apalagi jika blog itu sendiri dilengkapi dengan gambar ataupun audio yang baik. Secara otomatis pengunjung akan tertarik bahkan penasaran dengan blog kita sendiri sehingga mereka akan terus-menerus melihat atau mengupdate isi dari blog kita. Namun, lebih baik memposting video, gambar, atau audia yang bermanfaat bagi semua orang. Oleh karena itu, ada cara tersendiri untuk memasukkan gambar, audio, ataupun video itu. Disini saya akan memposting cara memasukan video, gambar, dan audio dalam HTML. Dalam proses ini kita akan  menggunakan Sublime. Menyisipkan Gambar: Gunakan <img src=””> dalam memanggil media gambar, misalnya seperti ini: https://snag.gy/yT0mOb.jpg merupakan s...

Cara Membuat Halaman Website Dengan HTML dan CSS  Seperti yang telah dijelaskan pada postingan sebelum-sebelumnya. Selain menggunakan html untuk membuat halaman website kita juga perlu menggunakan CSS untuk mempercantik halaman web tersebut. Ada baiknya kalian mempelajari apa itu HTML dan CSS . Nah, dibawah ini saya telah siapkan contoh code html dan css. Jadi silahkan mencoba. Berikut file index.html : <! DOCTYPE html > < html > < head > < meta charset = "utf-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < link rel = "shortcut icon" href = "assets/img/icon.png" > < meta http-equiv = "X-UACompatible" content = "IE=edge" > < title >Dwi Kitchen< /title > < link rel = "stylesheet" href = "mycss.css" > < /head > < style > < /style > < body > ...

Membuat Tampilan Website Layout Menggunakan HTML dan CSS Layout web adalah design dasar untuk membuat tampilan suatu website terutama pada pernyataan elemen-elemen sebuah website.Elemen-elemen website biasanya terdiri dari: Header, Navigator, Sidebar, Content, dan Footer. Elemen Header Seperti namanya, merupakan elemen yang berisi judul dan penjelasan lain dokumen.Biasanya elemen ini diidsikan dengan logo website, menu-menu global ( seperti login dan logout), maupun nama halaman yang sedang ditampilkan. Elemen Navigation Elemen navigasi yang memberikan akses navigasi ke halaman-halaman lain web. Elemen Sidebar Elemen pendukung konten, dapat berupa pembantu navigasi konten, ataupun berbagai hal seperti daftar konten lain, iklan, atau menu tambahan. Elemen Konten Isi utama dari dokumen web.Pengguna biasanya datang ke web untuk melihat tampilan ini. Elemen Footer Bagian penutup dari website, yang dapat saja berisi tentang informasi lain tentang website, seperti lis...

Pengenalan Dasar CSS Css merupakan bahasa kedua setelah HTML yang harus dipahami oleh developer. Karena CSS sangat penting untuk web developer. Apa itu CSS? CSS adalah singkatan dari "Cascading Style Sheet". Sesuai namanya css mempunyai fungsi sebagai style sheet language yang berarti bahasa pemograman untuk web design. Dengan kata lain, CSS merupakan sebuah bahasa untuk mengatur tampilan web sehingga terlihat menarik dan indah. Dengan css kita dapat mengatur layout(tata letak), warna, font, garis, dll. Variasi atau Versi CSS CSS pertama kali dikenalkan oleh Hakon Wium Lie. Sejak awal pengenalan CSS memiliki beberapa versi: CSS1 : adalah versi pertama (17 Desember 1996) CSS2 : adalah versi kedua ( Mei 1998) CSS2.1 : ( 7 Juni 2011) CSS3 : (2012) CSS4  Versi-versi tersebut telah banyak perbedaan dan pengurangan. Struktur Code atau Sintaks Dasar CSS Struktur code css terdiri dari 3 bagian, yaitu: Selektor  Blog Deklarasi Properti dan nilainya ...

Membuat Form Login Menggunakan HTML dan CSS  Seperti yang sudah dijelaskan pada postingan sebelumnya bahwa form adalah tempat pengisian data sebelum diproses oleh sistem.Dan tidak lupa tentang pembuatan form menggunakan html. Kali ini saya akan mempercantik tampilan form login menggunakan CSS.  Untuk lebih jelasnya, kalian dapat melihat gambar dibawah ini: Kode html dan css: Tulis kode seperti berikut lalu save dan beri nama form.html <!doctype html> < html > < head > < meta charset =" utf-8 "> < title >Form Login< /title > < link rel =" stylesheet " t ype ="text/css" href =" form.css "> < /head > < body > < marquee direction =" right " scrollamount =" 10 "> < h1 text-align =" center ">DISKON 20% UNTUK PEMBELIAN DIATAS 150K< /h1 > < /marquee > < div class =" loginbox" > < img src =...