HTML Basics (3) -...

12
HTML Basics (3) Ken Ditha Tania

Transcript of HTML Basics (3) -...

Page 1: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

HTML Basics (3)

Ken Ditha Tania

Page 2: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

HTML Table (1)

• Elemen-elemen tabel

Page 3: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

HTML Table (2)

• Atribut Tabel

Page 4: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

HTML Table (4)

Page 5: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

HTML Table (5)

Colspan and Rowspan

Page 6: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Frame HTML(1)

• Membagi halaman situs menjadi beberapa bagian, dan tiap bagian menampilkan file yang berbeda

• Ex :

Page 7: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Menu.html Judul.html

Isi.html

Page 8: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Image HTML (1)

• GIF(Graphical Interchange Format)

– Biasanya utk animasi

• JPEG(Joint Photographic Experts Group)

– Bisa dibuat transpransi

• PNG (Portable Network Graphics)

– Kualitasnya paling bagus

– Tidak bisa dibuat transparansi

Page 9: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Image HTML (2)

• Image dimasukan ke dalam HTML documents menggunakan tag <img>

• Atribut image – Alt

– Src

– Width & Height

– Vspace & Hspace

– Border, utk grs pinggir gambar, jika border=nol maka garis pinggir tdk akan tampak

Page 10: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Image HTML (3)

– Image Alignment

– Image Map

Image map yaitu suatu area pada image yang bisa kita beri

Hyperlink

Page 11: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Image HTML (4)

– Coordinat dari daerah map ditentukan menggunakan bidang geometry seperti

rectangle, polygon dan lainya

Page 12: HTML Basics (3) - si.ilkom.unsri.ac.idsi.ilkom.unsri.ac.id/wp-content/uploads/2018/11/3a-html-table-gambar-frame.pdf · Image HTML (1) •GIF(Graphical Interchange Format) –Biasanya

Image HTML (5)