Table Pertemuan 02 HTML Lanjutan

2 1 I V . T a b l e d a n I m a g e

A. Table

M e m bu a t t a ble Tag TABLE digunaka untuk membuat table dalam document HTML , bagian pokok dari table adalah cell yang didefinisikan dengan menggunakan tag TD. html head titleUsing Tabletitle head body table border=1 tdTable dengan sigle celltd table body html anda bisa menambahkan beberapa cell untuk membuat satu baris cell. html head titleUsing Tabletitle head body table border=1 tdcell 1td tdcell 2td tdcell 3td tdcell 4td table body html berikutnya kalo anda ingin membuat beberapa baris cell dalam table gunakan tag TR. html head titleUsing Tabletitle head body table border=1 tr tdcell 1atd tdcell 1btd tdcell 1ctd 2 2 tr tr tdcell 2atd tdcell 2btd tdcell 2ctd tr table body html anda juga bisa memberi caption pada table dengan menambahkan teg berikut: captionCreating Tablecaption di dalam table. M e n a m ba hk a n H e a din g ce ll Untuk menambahkan heading pada table tambahkan tag berikut pada table yang sudah di buat. . table border=1 captionCreating Tablecaption tr thHeader 1th thHeader 2th thHeader 3th tr . . Pe m for m a t a n t a ble Untuk memformat perataan text di dalam table anda bisa gunakan attribute Align dan Valign vertical Alignment Attribute Value Align Center | justify | left | right Valign BASELINE | TOP | BOTTOM | MIDDLE tr align=center valign=baseline tdcell 1atd tdcell 1btd tdcell 1ctd tr tr align=center valign=baseline tdcell 2atd tdcell 2btd tdcell 2ctd tr 2 3 Anda juga bisa menambahkan attribute cellspacing untuk memberi sepasi antar sel dan cellpadding untuk spasi dari border ke text dalam cell. M e r ge ce ll Tag TD memiliki atribut colspan untuk merge column dan row span untuk merge baris. Contoh: html head titleUsing Tabletitle head body table bgcolor=”CCCCFF” width=62 border=1 cellpadding=0 tr td colspan=3 align=centerQuarter 1td td colspan=3 align=centerQuarter 2td tr tr align=center tdJantd tdFebtd tdMartd tdAprtd tdMaytd tdJuntd tr tr td100td td5000td td200td td1500td td2500td td1750td tr tr td290td td5050td td2300td td100td td270td td300td tr table body html 2 4 contoh : html head titleRowspantitle head body table bgcolor=lavender width=75 border=1 cellpadding=0 tr tdtd tdtd tdSouthtd tdNorthtd tr tr td rowspan=3Quarter 1td tdJantd td1000td td12000td tr tr tdFebtd td12500td td1345td tr tr tdMartd td78090td td71080td tr table body html 2 5 2 6 V . I m a g e

A. Format Image