Rangkuman
.
Pada kegiatan belajar menyajikan komponen entri teks dapat disimpulkan
menjadi beberap
a point penting seperti berikut
:
Data bisa diinputan dalam bentuk textarea, input teks , pilihan radio button,
check box dan lain sebagainya
Komponen text area merupakan area tempat untuk menyimpan text atau
tulisan baru
Atribut
–
atribut pada textarea diantaranya, autofocus, cols, di
sabled, form,
maxlength, name, placeholder, readonly, required, rows, wrap
Komponen input text password bertanggung jawab untuk memasukan data
password.
Komponen input text merupakan komponen untuk memasukan data text ke
server dalam bentuk textfield
Pada
format form input hidden ditandai dengan atribut form type = hidden
Rangkuman
.
Pada kegiatan belajar menyajikan komponen entri
pilihandapat disimpulkan
menjadi beberap
a point penting seperti berikut
:
Data bisa diinputan dalam komponen entri pilihan, diantaranya input file,
radio button, chexbox, select serta datalist.
Komponen input file berfungsi untuk memasukan data file yang
dibutuhkan kedalam sistem web yang dibuat
Format tag HTML input file adalah sebagai berikut : <input type=file
name=name accept=mime type list>
Pada form input radio button hanya ada satu pilihan yang terseleksi
Format tag HTML input radio button adalah s
ebagai berikut <input
type=radio name=name value=value>
komponen input checkbox digunakan sebgai masukan untuk data atau
nilai pilihan dengan alternatif jawaban lebih dari 1 opsi pilihan.
Format tag HTML input checkbox adalah sebagai berikut <input
type=ch
eckbox name=name value=value>
Komponen input image bertujuan untuk memasukan file gambar yang
dibutuhkan oleh sistem web, misalnya saja file gambar foto.jpg.
Pemrograman Web
Page |
39
Format tag HTML dengan atribut image adalah sebagai berikut : <input
type=image name=name src="ur
l">
Komponen input dengan tipe ‘select’ adalah komponen input dengan
banyak pilihan nilai dan hanya memungkinkan untuk memilih 1 alternatif
opsi pilihan
Komponen datalist memberikan dukungan autocomplete dasar untuk
pilihan pada field input
Name= “name” me
rupakan pemberian nama pada komponen input
select sebagai nama dari komponen. Karena pada saat sistem web
dijalankan maka data yang diolah di dalam pemrograman adalah
berdasarkan nilai (value) dari nama komponen input tersebut
Rangkuman
.
Pada kegiatan belajar memahami anatomi dan cara kerja cascading
style sheet
dapat disimpulkan menjadi bebera
pa poin penting seperti berikut
:
Pemrograman Web
Page |
54
CSS merupakan salah satu dokumen website yang bertujuan untuk
mengatur gaya (style) tampilan website.
Beberapa manfaat dari penggunaan CSS
-
Kode HTML menjadi lebih
sederhana dan lebih mudah diatur.
-
Ukuran file menjadi lebih kecil sehingga load file lebih cepat.
-
Mudah untuk mengubah tampilan, hanya dengan mengubah file CSS
-
Dapat digunakan dalam hampir semua jenis web browser.
CSS 3
merupakan versi CSS
terba
ru yang masih dikembangkan oleh
W3C
dan CSS
2 didukung seutuhnya oleh CSS 3
dan tidak ada
perubahan
Anatomi CSS terbagi ke dalam tiga bagian yaitu: selector, property, dan
value.
Selector{
Property : value;
}
Cara kerja CSS dimulai saat deklarasi style yang diinginkan dengan
menulis style (selektor, id dan class)
Format penulisan CSS dengan Selector HTML adalah Nama
-
elemen
Format penulisan CSS dengan Selector class adalah .nama
-
class { ... }
Format
penulisan CSS dengan Selector id adalah #id { ... }
Penerapan CSS pada sebuah halaman web dapat dilakukan dengan
beberapa alternatif di antaranya adalah: inline style sheet, embedded
style sheet, external style sheet
