pengertian elemen < OL > DAN < LI > source code pada html

KEGUNAAN ELEMEN < OL > DAN < LI > UNTUK MEMBUAT LIST/DAFTAR, TAG < OL > DAFTAR BERURUTAN (ORDERED LIST) DAN TAG < LI >DAFTAR ITEM (LIST ITEM)

Dalam html terdapat beberapa elemen untuk membuat list di antaranya < ol > untuk daftar berurutan (ordered list) digunakan dengan tag pembuka< ol > dan penutup < /ol >, < ol >diartikan dimana daftar berurutan (ordered list), diurutkan dengan susunan menggunakan angka arab, abjad, atau angka romawi. atau nomor, biasanya digunakan untuk daftar kehadiran, yang dimulai dengan angka satu yang pertama datang dan seterus nya elemen < ol > diberi nomor secara otomatis saat program dijalankan. elemen  < li > daftar item(list item) digunakan didalam elemen < ol >

contoh program html membuat elemen < li > dan < ol > dengan contoh membuat list/daftar
 <html>
<head>
<title>elemen < li > dan < ol ></title>
</head>

<body>
<p> membuat elemen < li > dan < ol > dengan contoh dasar</p>
<ol>
<li> daftar 1 </li>
<li> daftar 2 </li>
<li> daftar 5 </li>
</ol>

</body>
</html>
hasilnya membuat elemen < li > dan < ol > dengan contoh dasar

membuat elemen < li > dan < ol > dengan contoh dasar


 < li > dan < ol > termasuk  dalam elemen level-blok yang menentukan struktur blok. mereka dapat bersarang dan dapat berisi struktur level-blok lain nya, seperti eleme < p > elemen < dl > atau elemen elemen level-blok lain nya

elemen < ol > memiliki tiga atribut dasar yaitu

atribut start        : saat program dijalankan dengan <start="4"> maka list akan dimulai dengan angka                                  4 dan seterus nya

contoh program html membuat elemen < li > dan < ol > dengan penambahab atribut start
 <html>  
 <head>  
 <title>elemen < li > dan < ol ></title>  
 </head>  
 <body>  
 <p> membuat elemen < li > dan < ol > dengan penambahan atribut start</p>
<ol start="4">
<li> daftar pertama dimulai dengan no 4 karna menggunakan atribut start pada  elemen <ol> </li>
<li> daftar dengan no5 </li>
<li> daftar dengan no6 </li>
</ol>
  
 </body>  
 </html>  


hasil program html membuat elemen < li > dan < ol > dengan penambahab atribut start

program html membuat elemen < li > dan < ol > dengan penambahab atribut start
program html membuat elemen < li > dan < ol > dengan penambahab atribut start



atribut compact : menunjukan bahwa saat program dijalankan pada browser memadatkan list yang                                      sudah dibuat. (sebagian besar atribut ini tidak dapat dijalankan browser)

atribut  type      : <type="A"> maka list akan menggunakan semua abjad besar seperti A,B,C,D
                           <type="a"> maka list akan menggunakan semua abjad kecil seperti a,b,c,d
                           <type="i"> maka list akan menggunakan semua romawi huruf kecil seperti i,ii,iii,iv
                           <type="I"> maka list akan menggunakan semua romawi huruf besar seperti I,II,III,IV.
                           <type="1"> maka list dengan angka penomoran biasa seperti 1,2,3,4,5

contoh program html membuat elemen < li > dan < ol > dengan penambahab atribut type
 <html>  
 <head>  
 <title>elemen < li > dan < ol ></title>  
 </head>  
 <body>  
 <p> membuat elemen < li > dan < ol > dengan penambahan atribut type</p>  
 <ol>  
 <LI TYPE="a"> karena code menggunakan li type="a" maka daftar akan diproses dengan abjad kecil   
 <LI TYPE="A"> karena code menggunakan li type="A" maka daftar akan diperoses dengan abjad Besar  
 <LI TYPE="i"> type="i" list akan menggunakan semua romawi huruf kecil seperti i,ii,iii,iv  
 <LI TYPE="I"> type="I" maka list akan menggunakan semua romawi huruf besar seperti I,II,III,IV  
 <LI TYPE="1"> type="1" maka list dengan angka penomoran biasa seperti 1,2,3,4,5  
 </ol>  
 </body>  
 </html>  
hasil program html membuat elemen < li > dan < ol > dengan penambahab atribut type

mebuat list dengan angka romawi
program html membuat elemen < li > dan < ol > dengan penambahab atribut type



atau bisa juga digabungkan seperti atribut type dan atribut start <ol type ="a" start="4"> saat program dijalankan maka list akan dimulai dengan abjad d karena d adalah huruf ke4 dari abjad

contoh program html membuat elemen < li > dan < ol > dengan atribut type dan atribut start
 <html>  
 <head>  
 <title>elemen < li > dan < ol ></title>  
 </head>  
 <body>  
 <p>atribut type dan atribut start &lt;ol type ="a" start="4"&gt;</p>  
 <ol start="4" type="a">  
 <li> daftar pertama dimulai dengan abjad ke 4 karna menggunakan atribut type dan atribut start pada &lt; ol &gt; </li>  
 <li> daftar ke2 </li>  
 <li> daftar ke3 </li>  
 </ol>  
 </body>  
 </html>  

hasil program html membuat elemen < li > dan < ol > dengan atribut type dan atribut start

program html membuat elemen < li > dan < ol > dengan atribut type dan atribut start
program html membuat elemen < li > dan < ol > dengan atribut type dan atribut start


Komentar

Postingan Populer