List dan Image pada HTML

Presentasi berjudul: "List dan Image pada HTML"— Transcript presentasi:

1 List dan Image pada HTML
11/13/2018 List dan Image pada Html PK&TI 2C (Minggu ke-7) Rr. Artiana Krestianti 11/13/2018 SAP PK&TI 2C Artiana Krestianti

2 List dan Image pada HTML
11/13/2018 List pada Html List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu. Jenis-jenis list dalalm HTML ada tiga yaitu list dengan nomor (ordered list), list tanpa nomor (unordered list) dan list definisi (definition list) : List definisi Adalah list yang memberikan uraian terhadap suatu item yang terdapat di dalam daftar. Penulisannya dalam tag HTML menggunakan <dl> (def list), <dt> (def term), dan <dd> (def description). 11/13/2018 SAP PK&TI 2C Artiana Krestianti

3 List pada Html (lanjutan)
List dan Image pada HTML 11/13/2018 List pada Html (lanjutan) List dengan nomor Adalah daftar yang setiap itemnya akan diberi nomor. Nomor tersebut dapat berupa angka, angka romawi maupun huruf. Penulisannya dalam tag HTML menggunakan <ol type=”A”> </ol> Tipe Arti “I” Ditampilkan dengan angka Romawi huruf besar “i” Ditampilkan dengan angka Romawi huruf kecil “A” Ditampilkan dengan abjad Latin huruf besar “a” Ditampilkan dengan abjad Latin huruf kecil 11/13/2018 SAP PK&TI 2C Artiana Krestianti

4 List pada Html (lanjutan)
List dan Image pada HTML 11/13/2018 List pada Html (lanjutan) List tanpa nomor Adalah daftar yang setiap itemnya tidak diberi nomor melainkan hanya berupa bullet saja dapat berupa kotak atau bulat. Penulisannya dalam tag HTML menggunakan <ul type=”circle”>.....</ul> Tipe Arti “Circle” Ditampilkan dengan lingkaran putih “Disc” Ditampilkan dengan lingkaran hitam “Square” Ditampilkan dengan kotak hitam 11/13/2018 SAP PK&TI 2C Artiana Krestianti

5 Contoh Tampilan List pada Html
List dan Image pada HTML 11/13/2018 Contoh Tampilan List pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

6 Contoh Program List pada Html
11/13/2018 SAP PK&TI 2C

7 List dan Image pada HTML
11/13/2018 Image pada Html Sebuah gambar berbicara seribu kata, merupakan pepatah yang sering digunakan orang untuk menunjukkan bahwa “Gambar” bisa berbicara lebih baik dari pada penjelasan yang panjang lebar. Gambar di dalam suatu web page merupakan daya tarik bagi pengunjung suatu web site, agar pengunjung mau membaca isi/ informasi yang ada di dalam web site tersebut. 11/13/2018 SAP PK&TI 2C Artiana Krestianti

8 Image pada Html (lanjutan)
Umumnya windows browser web dapat menam-pilkan inline image, yaitu gambar yang disajikan bersamaan dengan teks, yang mempunyai format X Bitmap (XBM), GIF, JPEG, atau PNG. Setiap gambar akan membutuhkan waktu tambahan untuk di download dan akan sedikit memperlambat awal penampilan suatu dokumen dalam windows browser web. Oleh karena itu hati-hati dalam memilih gambar dan menyertakannya dalam suatu dokumen HTML. 11/13/2018 SAP PK&TI 2C

9 Contoh Tampilan Image pada Html
List dan Image pada HTML 11/13/2018 Contoh Tampilan Image pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

10 Contoh Tampilan Image pada Html
List dan Image pada HTML 11/13/2018 Contoh Tampilan Image pada Html 11/13/2018 SAP PK&TI 2C Artiana Krestianti

11 Contoh Program Image pada Html
11/13/2018 SAP PK&TI 2C

12 Contoh Tampilam Image pada Html
11/13/2018 SAP PK&TI 2C

13 Contoh Program Image pada Html
11/13/2018 SAP PK&TI 2C

14 List dan Image pada HTML
11/13/2018 TERIMA KASIH 11/13/2018 SAP PK&TI 2C Artiana Krestianti