PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom)

PENGENALAN HTML - 2 G.

Tabel HTML

Setting untk membuat perintah tabel terdiri dari : 

Row

: mementukan banyaknya baris yang dimiliki oleh tabel.



Columns

: menentukan banyaknya kolom yang dimiliki tabel.



Width

: menentukan lebar tabel dalam piksel atau persen



Height

: menentukan tinggi tabel dalam piksel atau persen



Border

: menentukan apakah tabel memasukkan border atau tidak



Cell Padding

: menentukan jumlah ruang bebas dalam piksel yang

memisahkan teks dari dinding sel 

Cell Spacing : menentukan jumlah ruang bebas dalam piksel antar sel.

1. Pembuatan Tabel Tag digunakan untuk membuat table dalam dokumen HTML , bagian pokok dari table adalah cell yang didefinisikan dengan menggunakan tag .

Anda juga bisa memberi caption pada table dengan menambahkan tag berikut di dalam table :

25

2. Pemformatan tabel Untuk memformat perataan text di dalam tabel dapat digunakan attribute Align dan Valign (vertical Alignment)

Anda juga bisa menambahkan attribute cellspacing untuk memberi spasi antar sel dan cellpadding untuk spasi dari border ke text dalam cell. Contoh pembuatan tabel adalah dengan perintah sebagai berikut : 

Mengisi teks pada tabel

26

. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). 24 Berikutnya kalo anda ingin membuat beberapa baris cell dalam table digunakan tag

satu	dua	tiga
empat	lima	enam



Mengisi gambar pada tabel



Meratakan data

Data berupa gambar atau teks mempunyai karakter - Rata atas - Rata tengah - Rata bawah

27

ini teks untuk rata atas saja ya semoga tidak sulit untuk membuatnya, jika sulit tanyakan aja sama saya ya

ini teks untuk rata tengah saja ya semoga tidak sulit untuk membuatnya, jika sulit tanyakan aja sama saya ya

ini teks untuk rata bawah saja ya semoga tidak sulit untuk membuatnya, jika sulit tanyakan aja sama saya ya

3. Merge cell dalam Tabel Tag memiliki atribut colspan untuk merger column dan rowspan untuk merger baris. Contoh:

28

29

30

H.

Form

Berikut ini beberapa contoh kegunaan Form dalam web:  Memperoleh data-data user baik nama, alamat dan data lainnya  Untuk mendaftar pada service yang disediakan  Memperoleh informasi pembelian secara online  Memperoleh feedback dari user mengenai website anda.

1. Form Element Tag

digunakan untuk membuat form dalam dokumen HTML.

2. HTML Input Element Pada saat membuat form anda bisa meletakkan control-control pada form untuk memperbolehkan inputan dari user. Semua control biasanya di letakkan di antara tag

tapi anda juga bisa meletakkan control diluar tag tersebut. Untuk menambahkan control menggunakan tag . Berikut macam-macam komponen input: a). Text Untuk membuat single line text control. Attribute size digunakan untuk menetukan jumlah character yang bisa ditampilkan, sementara maxlength attribute digunakan untuk menentukan maximum character yang bisa di masukkan.

31

b). Button Komponen ini memiliki attribute:

Username

c). CheckBox Checkbox memiliki atribut:

32

1
2

d). Radio Setiap radio button control harus memiliki nama yang sama, sehingga user hanya bisa memilih satu option saja. Radio button juga harus secara explisit memberikan nilai ke atribut value.

33

e). Text Area Untuk membuat textarea gunakan tag

f). ComboBox / List Box (Selection) Tag <SELECT> digunakan untuk membuat component combo box, sementara untuk item dari combo box menggunakan tag .

34

35

3. Creating Form

36

---0o0---

37