Anda di halaman 1dari 9

LAB PEMOGRAMAN

IMAGE & TABLE


PADA HTML
M. ARHAM AMULLAH
PRODI PTIK 1229041025
JURUSAN PTE PTIK 04
FT UNM 08 SEPTEMBER 2014

1. SCRIPT
- Mengubah ukuran gambar


- Membuat Alternatif Image


- Image Border


1

- Tugas 1



- Mengatur border pada tabel



2

- Menggabungkan kolom

- Menggabungkan baris


- Atribut Cellpadding

3

- Atribut Cellspacing


- Image sebagai link



4

- Perataan table


2. HASIL
- Mengubah ukuran gambar


- Membuat Alternatif Image
5



- Image Border


- Tugas 1


6

- Mengatur border pada tabel


- Menggabungkan kolom


- Menggabungkan baris


- Atribut Cellpadding


- Atribut Cellspacing


7

- Image sebagai link


- Perataan table


3. SIMPULAN
Secara umum, ekstensi image yang di kenal di html adalah gif, jpg,
png, xbm. Untuk memasukkan image menggunakan tag img, yakni: <img
src=nama file image [ atribut]>. Script tersebut akan menampilkan foto
sesuai source filenya. Kekurangan dari script umum tersebut adalah ukuran
image yang mengikuti ukuran aslinya. Menambahan atribut width (
width=90 ) dan height ( height=90 ) adalah solusi agar ukuran gambar
yang ditampilkan sesuai dengan keinginan user. Selain penambahan atribut
width dan height, dapat juga ditambahkan border atau memberikan efek
bingkai pada image. Script tambahannya adalah border=5 (5 adalah contoh
besaran border).
8

Table dalam HTML mengunakan tag <table>... </table>. Elemen pada
tabel antara lain <caption>untuk judul tabel, <tr>untuk sebuah baris, <td>
untuk sebuah kolom dan <th>untuk header tabel. Script untuk membuat tabel
sederhana adalah <tr><td> baris 1, kolom 1</td> <td> baris 1, kolom
2</td></tr>. Pada tabel juga dapat ditambahkan atribut border untuk
memberikan efek bingkai mengelilingi tabel. Kemudian penggunaan atribut
colspan untuk menggabungkan beberapa kolom dan penggunaan atribut
rowspan untuk menggabungkan beberapa baris. Kemudian Atribut cellpadding
digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text
tabel itu sendiri. Nilai berupa angka dalam satuan pixel. Contohnya nilai
cellpadding=2, maka web browser akan membuat jarak sebesar 2 pixel dari
border sisi dalam tabel dengan isi text tabel. Atribut cellspacing digunakan
untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar. Nilai
berupa angka dalam satuan pixel. Contohnya nilai cellspacing=2, maka web
browser akan menampilkan jarak sebesar 2 pixel diantara garis border tabel.





PRAKTIKAN


M. ARHAM AMULLAH
1229041025
9