Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul 6 List PDF

    Diunggah oleh

    Faishal
    24 tayangan5 halaman

    Judul Asli

    Modul 6 List.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    24 tayangan5 halaman

    Modul 6 List PDF

    Diunggah oleh

    Faishal

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Modul Pemrograman Web 1

    BAB VI
    LIST

    A. Tujuan Pembelajaran
    Pada bab ini menjelaskan tentang pembuatan list pada html dari list
    menggunakan nomor, bullet, dan menggunakan tag menu. Anda diharapkan
    memahami :
    1.1.Mengenal dan memahami beberapa macam list
    1.2.Mengenal dan memahami penggunaan tag menu

    B. Uraian Materi
    Tujuan Pembelajaran 1.1:
    Mengenal dan memahami beberapa macam list

    Tag List dalam dokumen HTML terdiri dari beberapa macam, diantaranya :
    § List dengan nomor (ordered list)

    <ol type=”I|i|A|a|1”>
    <li> ... </li>
    <li> ... </li>
    dst
    </ol>

    § List tanpa nomor menggunakan bullet (unordered list)

    <ul type=”circle|square|disc ”>


    <li> ... </li>
    <li> ... </li>
    dst
    </ul>

    Tujuan Pembelajaran 1.2:


    Mengnal dan memahami penggunaan tag menu

    Merupakan daftar item yang pendek dan tidak disertai dengan nomor ataupun
    penanda item. Menu list menggunakan tag awal <MENU> dan tag akhir
    </MENU>, dengan setiap item di dalamnya menggunakan <LI>.

    <menu>
    <li> ……</li>
    <li> …… </li>
    S1 Teknik Informatika</menu> 1
    Modul Pemrograman Web 1

    § Definition List <DL>

    <dl>
    <dt> ... </dt>
    <dd> .............. </dd>
    <dt> ... </dt>
    <dd>..............</dd>
    </dl>

    Latihan 1

    <html>
    <head><title>Using List</title></head>
    <body>
    <font size="5">Common Foods of the French
    Quarter</font><br>
    You can visit <font size="+1">New Orleans</font> and
    have a
    great time without ever leaving
    the picturesque and partyin’ French Quarter area,
    particularly if you partake of some of these
    fabulous local foods:
    <ul>
    <li><font color="magenta">Beignets</font> - small deep-
    fried
    donuts in powdered sugar. Best with
    a steaming fresh <font size="+2">cup of
    coffee</font>.</li>
    <li><font color="GREEN">Seafood Gumbo</font> - a stew-
    like
    soup that’s delicious.
    Typically served with a side of white rice
    that’s best dumped into the soup directly. Skip the
    chicken gumbo some
    places serve too: the seafood is definitely
    better!</li>
    <li><font color="ORANGE" size="+2">Jambalaya</font> -
    the best
    of all possible dinners. You’ll just have
    to order it so you can find out what it’s about.</li>

    S1 Teknik Informatika 2
    Modul Pemrograman Web 1

    <li><font size="5" color="BLUE">alcohol</font> - it’s


    the
    grease on the wheels of the tourist experience in the
    French Quarter, but I’m not convinced it’s as necessary
    for a good time as the bars suggest... </li>
    </ul>
    Whatever you do, make sure you have <font
    size="+1">F</font><font size="+2">U</font>
    <font size="+3">N</font>!
    <dl>
    <dt>Komputer</dt>
    <dd>
    Komputer adalah seperangkat alat elektornik yang
    bekerja
    secara otomatis mempunyai internal storage dan untuk
    melakukan poses data</dd>
    <dt>Software</dt>
    <dd>Software merupakan kumpulan dari perintah-perintah
    yang digunakan untuk melakukan proses sesuai dengan
    perintah yang diberikan dan sesuai dengan bahasa
    pemrograman yang digunakan.</dd>
    </dl>
    </body>
    </html>

    Latihan 2

    <html>
    <head>
    <title>The Cool Web Movie Database</title>
    </head>
    <body>
    <font color="navy" size=4>Welcome to the Cool Web Movie
    Database.</font><br>
    So far we offer information on the many brilliant films
    of David Lean: soon, a lot more will be online.
    <ol type="A">
    <li>Films with Sam Spiegel Productions</li>
    <li>The Bridge on the River Kwai (1957)</li>
    <li>Lawrence of Arabia (1962)</li>
    <li>The Later Years</li>
    <li>Doctor Zhivago (1965)</li>
    <li>Ryan’s Daughter (1970)</li>
    </ol>
    <blockquote>
    This information maintained by Dave Taylor
    </blockquote>

    S1 Teknik Informatika 3
    Modul Pemrograman Web 1

    The ingredients:
    <ul type="circle">
    <li>100 g. flour</li>
    <li>10 g. sugar</li>
    <li>1 cup water</li>
    <li>2 eggs</li>
    <li>salt, pepper</li>
    </ul>
    The procedure:
    <ol type="1">
    <li>Mix dry ingredients thoroughly.</li>
    <li>Pour in wet ingredients.</li>
    <li>Mix for 10 minutes.</li>
    <li>Bake for one hour at 300 degrees.</li>
    </ol>
    </body>
    </html>

    S1 Teknik Informatika 4
    Modul Pemrograman Web 1

    Latihan 3

    q Buatlah tampilan halaman web seperti dibawah ini

    Simpan dengan nama komponen.html

    C. Referensi
    http://www.w3c.org
    Sebesta, R.W., Programming the World Wide Web, Addison Wesley, 2002
    http://www.w3schools.com
    http ://php.net
    Effendi, Pemrograman Dynamic HTML
    http://en.wikipedia.org/wiki/World_Wide_Web
    http://www.promosi-web.com
    http://www.tizag.com/htmlT/meta.php

    S1 Teknik Informatika 5

    Anda mungkin juga menyukai