Pwdb

  Apa itu CSS CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs. CSS dibuat dan dikembangkan oleh W3C (World Wide Web Consortium) pada tahun 1996 untuk alasan yang sederhana. Dulu HTML tidak dilengkapi dengan tags yang berfungsi untuk memformat halaman.  HTML dan CSS memiliki keterikatan yang erat. Karena HTML adalah bahasa markup (fondasi situs) dan CSS memperbaiki style (untuk semua aspek yang terkait dengan tampilan website), maka kedua bahasa pemrograman ini harus berjalan beriringan. Kelebihan CSS  Dengan CSS, Anda dapat mengatur tampilan semua aspek pada file yang berbeda, lalu menentukan style, kemudian mengintegrasikan file CSS di atas markup HTML. Alhasil, markup HTML bisa lebih mudah di-maintain. Singkatnya, dengan CSS, Anda tidak perlu mendeskripsikan tampilan dari masing-masing elemen secara berulan...

Di antara fitur penting dari HTML adalah: tag form. Yaitu sebuah tag yang kita gunakan untuk mengkoleksi inputan dari user, konsep ini sama seperti konsep formulir di dunia nyata. Umumnya, sebuah website selalu memiliki fitur form, contoh paling umum yang sering kita temui adalah: form login form sign up form komentar di suatu blog / media Berikut ini contoh form HTML: Elemen  <form> Yang paling utama adalah tag atau element  <form> . Ia adalah sebuah tag pembungkus atau kontainer yang merepresentasikan sebuah “formulir” di mana satu formulir bisa memiliki banyak kolom isian. Elemen  <input> Di dalam HTML, terdapat banyak jenis model isian mulai dari teks, file, ceklis, dan sebagainya yang insyaallah akan kita bahas lebih detil pada beberapa pertemuan berikutnya. Dan sebagian besar jenis model isian tersebut menggunakan tag  <input> . Elemen  <label> Coba perhatikan kode HTML di atas: kita memiliki dua buah elemen  <label...

Fungsi Atribut Rowspan and Colspan Atribut rowspan  and  colspan  digunakan untuk membuat sel tabel ‘bersatu’ dengan sel yang lain. Atribut ini diletakkan pada tag  td  dari  sebuah tabel. Agar mudah memahami, langsung saja kita buat contoh kode HTMLnya. Pertama tama sebelum memulai kalian harus membuka teks editor kalian. contohnya Visual Studio dan Sublime text 1. Pertama kalian membuat file html terlebih dahulu 2. Setelah itu Ketik Codingan Seperti Ini !! <! DOCTYPE html > < html >     < head >         < title > Praktek Dasar html </ title >         < style type = "text/css" >         table , th , td {             border : 2px solid black ;             border-collaps: collapse ; }             table { width : 30% }             t...

  BAB 4 STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING  A. Style pada halaman web CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen. Dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda. 1. Konsep layout dalam halaman web   Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi. Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif. Pada dasarnya sebuah dokumen web umumnya memiliki elemen-elemn sebagai berikut. a. Elemen header  Elemen <header> merupakan salah satu elemen dalam HTML5 yang mempunyai tujuan khusus atau arti se...

BAB 3 FORMAT KAITAN DAN FORMAT FORMULIR DALAM HALAMAN WEB A. Format kaitan pada halaman web Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Jika pengunjung website sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan dengan tipe/gaya teks khusus. Hyperlink adalah sebuah fungsi khusus untuk menghubungkan setiap masing-masing halaman website satu sama lainnya atau ke website yang lain. 1. Konsep Hyperlink dalam HTML Hyperlink adalah suatu fungsi yang ada di dalam halaman HTML yang mampu membantu para pembaca menuju informasi lainnya secara singkat. Umumnya, teks yang disisipkan dengan hyperlink bisa dilihat secara mudah perbedaannya dalam suatu slide presentasi ataupun website. a. Mengenal jenis link  Link dalam suatu objek dapat berupa teks atau gambar yang dipak...