Fa Task

Assalamualaikum wr.wb Pada kesempatan kali ini kita akan membahas mengenai CSS yang kepanjanganya adalah Cascading Style Sheet. Biar lebih mudah kita singkat aja jadi CSS Jadi, CSS ini adalah dokumen yang fungsinya untuk mengatur Tampilan / Gaya dari Halaman Web kita. Terus bedanya HTML dengan CSS apa? Kalau HTML itu hanya kerangka intinya saja, sementara CSS itu fungsinya adalah untuk menghias tamplian kerangka HTML barusan.   Anatomi CSS Dalam CSS ada 3 bagian dalam penulisanya, diantaranya: 1. Selector     Selector adalah bagian awal dalam penulisan CSS, contohnya : Body, h1, h2, p, form 2. Property     Property adalah bagian yang dipakai untuk mengatur Penampilan Selector, mirip seperti Attribut di     dalam HTML, contohnya: color, font-family, font-spacing, background-position 3. Value     Value adalah nilai dari Property, misalnya: Red (untuk Color), Arial (Untuk Font-Family), 16     (untuk Font-Spacing), dan 8px (untuk Background position) Pengc

Assalamualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang Form . Apa itu Form ? Pernah liat Formulir di Web ? biasanya kan kalau kita bikin Akun di Website tertentu kita harus memasukan Data kita terlebih dahulu di Halaman Pendaftaranya kan? Didalam Halaman pendaftaran itu ada Kotak yang bisa kita isi dengan Nama / ID , Password, Tanggal Lahir, Jenis Kelamin, dll kan? Nah, hal tersebut itu disebut Form. Dalam HTML ada beberapa Tag yang kita gunakan dalam pembuatan Form, diantaranya: - <form> & </form> : Untuk mulai membuat Form - <textarea attribut="isi"> : Untuk membuat Text area beserta Attributnya                atau - <input type=textarea attribut="isi">   : Untuk membuat Text area beserta Attributnya - <input type=hidden attribut="isi">     : Untuk membuat Hidden Input beserta Attributnya - <input type=password attribut="isi"> : Untuk membuat Text area Password beser

Assalamualaikum wr.wb Pada artikel kali ini kita akan belajar tentang penggunaan Audio dan Video dalam HTML. ada beberapa Tag yang akan kita gunakan disini diantaranya: - <audio> & </audio>     : Biar bisa masukin Audio - <video> &</video>      : Biar bisa masukin Video - <source src="Lokasi"> : Untuk memilih Audio / Video yang ingin digunakan - <embed src="Lokasi"> : Untuk memasukan Video autoplay atau Flash (Embed) Audio Begini contoh penggunaanya:   Kodingan bisa dilihat disini : Audio Oh iya, karena File yang dipakai berasal dari PC saya jadi Audionya nggak akan bisa diputar di PC lain. Jadi, kalau mau Audionya kedengeran coba masukin Musik dari PC kalian Selain itu, kita juga bisa menampilkan Audio Autoplay (langsung jalan tanpa di Klik) Begini contoh penggunaanya:   Kodingan bisa dilihat disini : Audio Autoplay Lagi, Audionya mungkin nggak bisa diputar di PC lain. tapi seenggaknya Kodin

Assalamualaikum wr.wb   Pada artikel kali ini kita akan Belajar tentang Layout pada Web . Layout itu adalah Tata Letak dalam Tampilan Web. Bagian Layout Tampilan di Web itu ada bagian - bagianya . Coba perhatikan Gambar ini:   (Sumber: w3schools)  <header> - Bagian Kepala / Atas dari Halaman Web <nav> - Bagian untuk Navigasi Web <section> - Untuk menunjukan Bagian bagian Halaman <article> - Bagian yang menunjukan Artikel <aside> - Bagian untuk menampilkan Konten sampingan / Sidebar <footer> - Bagian Kaki / Bawah dari Halaman Web Jenis Layout Layout itu ada beberapa Jenis , mari coba kita buat. Sebelumnya, dalam pembuatan Layout ada beberapa cara yang bisa di gunakan, disini kita akan menggunakan Metode Tabel . Sebetulnya Metode ini kurang cocok untuk membuat Layout karena Fungsi utama dari Tabel itu kan buat bikin Data berbentuk Tabel , bukan untuk membuat Layout . Meskipun begitu, kita bisa membuat Layout mengg

Assalamualaikum wr.wb Pada Artikel yang satu ini kita akan belajar tentang Tabel di HTML. Langsung aja ya Tabel adalah cara buat menampilkan Informasi melewati Sel. Sel itu sendiri terdiri dari Row yaitu Baris (yang kesamping) dan Coloumn yaitu Kolom (yang kebawah). Singkatnya coba bayangin aja Tabel di Program Excel. Seperti ini: Nah, untuk membuat Tabel di html ada beberapa Tag yang akan kita gunakan yaitu: Tag <table> dan </table> untuk mulai menggunakan Tabel Tag <tr> dan </tr> untuk menentukan Baris Tag <td> dan </td> untuk menampilkan data dalam Sel Mari kita Coba. Mari kita ketikan ini di Notepad: Lalu Save dengan Format .html dan beginilah hasilnya: Ini adalah salah satu contoh Tabel di HTML. Lho? kok nggak ada Kotak kotaknya? Nah, kalau kita mau nampilin Kotak kotak itu, kita harus pakai Attribut Border. begini jadinya kalau kita tambahin Attribut Border:   Dan Hasilnya adalah:  Sekarang bisa kita