html basics (3) -...
TRANSCRIPT
![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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/1.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/2.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/3.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/4.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/5.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/6.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/7.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/8.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/9.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/10.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/11.jpg)
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](https://reader030.vdokumen.com/reader030/viewer/2022041201/5d47f18788c99316638b5d4d/html5/thumbnails/12.jpg)
Image HTML (5)