1 / 11

MATA KULIAH PEMROGRAMAN WEB

MATA KULIAH PEMROGRAMAN WEB. Materi Ketiga. MEMBUAT DAFTAR. Dosen : Vindo Feladi, ST, M.Pd. Indikator. Mahasiswa dapat membuat daftar menggunakan unordered list Mahasiswa dapat membuat daftar menggunakan ordered list Mahasiswa dapat membuat daftar menggunakan definisi list

camille-banks
Download Presentation

MATA KULIAH PEMROGRAMAN WEB

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. MATA KULIAH PEMROGRAMAN WEB Materi Ketiga MEMBUAT DAFTAR Dosen : Vindo Feladi, ST, M.Pd

  2. Indikator • Mahasiswa dapat membuat daftar menggunakan unordered list • Mahasiswa dapat membuat daftar menggunakan ordered list • Mahasiswa dapat membuat daftar menggunakan definisi list • Mahasiswa dapat membuat daftar menggunakan daftar menu

  3. Unordered List • Ditandai dengan pemakaian bullet untuk menandai sebuah item dari list. • Untuk membuat list dengan menggunakan sebuah bullet di gunakan tag <UL> (unordered list) sebagai tanda tag awal dan </UL> sebagai tanda tag penutup. • Untuk item-item di dalam list harus diawali dengan tag <LI> dan tidak memerlukan tanda akhir tag

  4. Contoh <HTML> <HEAD> <TITLE> contoh3</TITLE> </HEAD> <BODY> <UL> <LI>MS-Word <LI>MS-Excel <LI>MS-Access <LI>MS-PowerPoint </UL> </BODY>

  5. Ordered List • Ordered list adalah daftar yang tiap bagiannya disertai dengan penomoran. • Ordered list dimulai dengan tag <OL> dan diakhiri dengan tag </OL>

  6. Contoh <HTML> <HEAD> <TITLE>contoh5.htm</TITLE> </HEAD> <BODY> <OL> <LI>MS-Word <LI>MS-Excel <LI>MS-Access <LI>MS-PowerPoint <LI>MS-PhotoDraw </OL> </BODY> </HTML>

  7. Definition List • Definition list adalah daftar yang mempunyai keterangan pada itemnya. • Untuk memakai defenition list dapat menggunakan pasangan tag <DL> dan </DL>. • Tag ini bekerja dibantu oleh tag lainnya, yaitu tag <DT> yang menandakan item yang dijelaskan dan tag <DD> menyatakan defenisi dari item.

  8. Contoh <HTML> <HEAD> <TITLE>contoh6</TITLE> </HEAD> <BODY> <DL> <DT>MS-PowerPoint<DD>Merupakan program pengolah kata dari Microsoft. <DT>MS-Excel<DD>Merupakan program Spreadsheet. <DT>MS-Access<DD>Merupakan program Database. </DL> </BODY> </HTML>

  9. Daftar Menu • Untuk membuat daftar menu dapat menggunakan pasangan tag <MENU> dan </MENU>

  10. Contoh <HTML> <HEAD> <TITLE>contoh7.htm</TITLE> </HEAD> <BODY> <MENU> <LI>MS-Word <LI>MS-Excel <LI>MS-Access </MENU> </BODY> </HTML>

  11. Pengujian Kompetensi • Dari materi yang baru saja di ajarkan, buatlah program html sederhana dengan menuliskannya ke dalam text editor dan tampilkan di web browser

More Related