Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Enumerasi, Images & Table. List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).

Presentasi serupa


Presentasi berjudul: "Enumerasi, Images & Table. List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list)."— Transcript presentasi:

1 Enumerasi, Images & Table

2 List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list). Ada tiga macam list yang bisa anda tambahkan ke document HTML: 1.Unordered List (Bullet) 2.Ordered List (Numbering) 3.Definition List

3

4

5

6  membentuk garis pemisah mendatar. Bentuk penulisan lain yang dianjurkan (XML style) : 

7  Digunakan untuk memberikan warna/image latar belakang pada elemen html  Bisa ditempatkan pada elemen html seperti, dll..  Tag yang digunakan  Menggunakan warna: ▪

8  Menggunakan image: ▪

9   Atribut src digunakan untuk menentukan source dari image yang akan ditampilkan. Image: ekstensi.GIF,.JPG, atau.PNG.  Value lokasi image bisa merujuk ke absolute path src = ”c:/gambar/logo.gif” src =  Value lokasi image bisa juga merujuk ke relative path src=”images/logo.gif” src=”../../images/logo.gif”

10  Atribut alt  Alt digunakan untuk mendefinisikan alternate text untuk sebuah image  Contoh :  Alt juga akan memberitaukan kepada pengunjung web bila gambar yang apa yang sedang ditampilkan bila gambarnya tidak muncul

11  Atribut align  Gunakan atribut align untuk mentukan posisi dari gambar bila diletakan dalam paragraf (tag )  Value dari align : absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top  Contoh : Fakultas Teknologi Informasi UKSW  Align juga bisa digunakan untuk mengatur float dari gambar dalam paragraf, bandingkan kedua contoh berikut :

12

13  Atribut width dan height  Digunakan untuk menyesuaikan besar image  Width (lebar) dan height (tinggi) didefinisikan dalam bentuk pixel.

14 A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.

15  Image juga bisa digunakan untuk menggantikan teks pada link  Contoh :  Perhatikan atribut border=”0” digunakan untuk mengilangkan border pada image yang akan muncul secara otomatis bila image digunakan pada link

16  definisi tabel  Tag untuk penanda baris adalah definisi baris  Tag untuk penanda kolom adalah data

17

18

19

20


Download ppt "Enumerasi, Images & Table. List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list)."

Presentasi serupa


Iklan oleh Google