1 / 10

Pertemuan IV

Zanial Mazalisa, S.Kom.,M.M http://blog.binadarma.ac.id/nayel. Pertemuan IV. List HTML. List Ordered List Unordered List Nested List Definition List Tag-Tag List. List HTML. Ordered List Default angka 1,2,3…dst sampai sejumlah item yang di list tersebut

willem
Download Presentation

Pertemuan IV

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Zanial Mazalisa, S.Kom.,M.M http://blog.binadarma.ac.id/nayel Pertemuan IV

  2. List HTML • List • Ordered List • Unordered List • Nested List • Definition List • Tag-Tag List

  3. List HTML • Ordered List • Default angka 1,2,3…dst sampai sejumlah item yang di list tersebut • Dapat diubah menjadi list model lain dengan mengisi atribut type pada tag <ol> • Type I (Romawi huruf besar), i(Romawi huruf kecil), a (dengan abjad huruf kecil, A(dengan abjad huruf besar) • Tag <ol> <li> • Contoh :

  4. Contoh Ordered List <html> <body> <ol> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ol> <ol type="A"> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ol> </body> </html>

  5. List HTML • Unordered List • Sering disebut bullet list • Default noktah (disk) • Bisa diubah disk, circle, square • Tag <ul> <li> • Contoh;

  6. Contoh Unordered List <html> <body> <ul> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ul> <ul type="circle"> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ul> <ul type="square"> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ul> </body> </html>

  7. List HTML • Nested List • Ada List di dalam list lagi • Contoh

  8. <html> <body> <ul type="circle"> <li>Mobil</li> <ul> <li>Honda</li> <li>Suzuki</li> </ul> <li>Motor</li> <ul> <li>Honda</li> <li>Yamaha</li> <li>Suzuki</li> </ul> </ul> </body> </html>

  9. List HTML • Definition List <html> <body> <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> </body> </html>

  10. Tugas • Profile Pribadi • Saya Nadya Ayu Satriani, Lahir di Palembang pada 7 Juli 1995, saya anak ke 3 dari 4 bersaudara, kakak • Rian lahir 4 April 1991 • Nina 8 Mei 1993 • Fatur 10 Okober 1997. • Sekolah • Tamat SD pada tahun 2006 • SMP 35 Palembang • SMA PGRI 2 Palembang. • Saya gemar internet, suka membuka Google untuk mencari informasi penunjang belajar saya, juga hobby berkomunikasi dengan teman-teman lewat Facebook selain itu juga punya Blog • Beberapa koleksi poto saya dapat dilihat dalam Album Poto dan kamau mau kontak ke aku bisa mengirim email disini

More Related