13 April 2017

Membuat List OL dengan HTML

List 
List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu.
Jenis-jenis list dalam HTML :
1. List dengan nomor (OL : Ordered List)
Nomor item pada ordered list secara default adalah menggunakan angka 1,2,3.., dst sampai sejumlah item dalam list tersebut. Bila nomor ingin diganti dengan type yang lain (romawi, abjad huruf besar/kecil), maka kita tinggal mengisi atribut type pada tag <ol>
Contoh untuk list dengan angka romawi : <ol type=”I”>
Type
Type
I
Romawi Besar
i
Romawi Kecil
A
Abjad Huruf Besar
a
Abjad Huruf Kecil

2. List tanpa nomor (UL: Unordered List)
Jenis bullet pada unordered list bisa diganti dengan mengisikan atribut type pada tag <ul>
Contoh <ul type=”box”> : bila ingin bullet berbentuk kotak. 
Type
Arti
Disc
Bulatan Penuh
Circle
Bulatan Kosong
Square
Segi empat penuh

Baca artikel sebelumnya PRAKTIK 9 INDENTASI HTML
Buatlah sebuah dokumen HTML untuk tulisan berikut ini, buka notepad++
Ketikkan script berikut :
<HTML>
<BODY>
<B>SISTEM KOMPUTER</B>
<OL TYPE="I">
<B><LI>BRAIN WARE</B>
<B><LI>HARDWARE</B>
              <OL Type="A"  >
              <LI>Input Device              
              <LI>Output Device  
              <LI>CPU
              <LI>Storage Device
              </OL>
<B><LI>SOFTWARE</B>
             <OL Type="a">
              <LI>Sistem Operasi  
                       <OL Type="i">
                        <LI>Windows
                        <LI>Linux
                        </OL>
              <LI>Aplikasi
                       <OL >
                        <LI>MS. Word
                        <LI>CorelDraw
                        </OL>
               </OL>
</OL>
</BODY>
</HTML>

Simpan dengan nama List_OL.html, pada kolom Save As Type, pilih All Files(*.*).
Bukalah dokumen yang anda buat tadi.
Lihatlah hasilnya :

Download Filenya dilink dibawah ini

https://www.4shared.com/s/f3bRbDsIoca

Baca artikel selanjutnya PRAKTIK 11 LIST UL HTML

No comments: