Assalamualaikum Wr.Wb
Pada kesempatan Kali ini saya akan mengajak teman - teman semua untuk mengenal dan belajar list pada HTML.Oke,tidak usah panjang lebar mari kita mulai.
List adalah atribut yang di gunakan untuk membuat daftar atau sub daftar yang umumnya bisa menggunakan huruf,angka,simbul bulat,bahkan angka romawi.
List di sini terdapat 2 macam yaitu:
Type atribut untuk Oredered listPada kesempatan Kali ini saya akan mengajak teman - teman semua untuk mengenal dan belajar list pada HTML.Oke,tidak usah panjang lebar mari kita mulai.
List adalah atribut yang di gunakan untuk membuat daftar atau sub daftar yang umumnya bisa menggunakan huruf,angka,simbul bulat,bahkan angka romawi.
List di sini terdapat 2 macam yaitu:
- Ordered List: List yang di mana setiap angka atau hurufnya berurutan.
- Unordered List: Yaitu list yang tidak memiliki urutan angka atau huruf,dengan kata lain list ini hanya menggunakan simbol - simbol seperti yang saya gunakan saat ini.
- Type = 1 yaitu daftar angka berurutan yang dimulai dari angka1(1,2,3,4)dan seterusnya.
- Type = I yaitu daftar angka yang menggunakan daftar angka romawi dimulai dari I (I,II,III)dan seterusnya.
- Type = i yaitu daftar yang mengunkan angka romawi kecil di mulai dari angka i (i,ii,iii).
- Type = A yaitu daftar berurutan yang di mulai dari huruf besar A (A,B,C)
- Type = a Yaitu daftar berurutan yang di mulai dari huruf kecil a (a,b,c)
- Type = circle yaitu daftar dengan menggunakan list berbentuk lingkaran
- Type = square yaitu daftar dengan menggunakan list berbentuk tanda kotak
- Type = disk yaitu daftar dengan menggunakan list berbentuk tanda cakram
Oke selanjutnya mari kita pelajari bersama bagaimana car penulisanyya
Untuk Ordered list di awali dengan atribut <ol> dan di akhiri dengan</ol>
lalu pada setiap bagiannya menggunakan atribut <li> dan di akhiri dengan atribut </li>. Langsung saja kita terapkan.
- Type = 1
Dapat di tulis dengan syntax seperti berikut:
<body>
Ordered list
<ol type="1">
<li>
V6 Normally
</li>
<li>
v8 Normally
</li>
<li>
v12 Normally
</li>
</ol>
</body>
SS coding
SS Hasilnya
- Type = I
Dapat di tulis dengan syntax berikut
<body>
Ordered list
<ol type="I">
<li>
V6 Normally
</li>
<li>
v8 Normally
</li>
<li>
v12 Normally
</li>
</ol>
</body>
SS coding
SS Hasilnya
- Type = i
Dapat di tulis dengan syntax seperti berikut
<body>
Ordered list
<ol type="i">
<li>
V6 Normally
</li>
<li>
v8 Normally
</li>
<li>
v12 Normally
</li>
</ol>
</body>
SS Coding
SS hasilnya
- Type = a
Dapat di tulis dengan syntax seprti berikut:
<body>
Ordered list
<ol type="A">
<li>
V6 Normally
</li>
<li>
v8 Normally
</li>
<li>
v12 Normally
</li>
</ol>
</body>
SS coding
SS Hasilnya
- Type = a
Dapat di tulis dengan syntax seperti berikut
<body>
Ordered list
<ol type="a">
<li>
V6 Normally
</li>
<li>
v8 Normally
</li>
<li>
v12 Normally
</li>
</ol>
</body>
SS Coding
Untuk Unordered List dia awali dengan atribut <ul> dan dan di akhiri dengan atribut </ul> dan untuk setiap list di awali dengan atribut <li> dan di akhiri dengan </li>.Oke, mari kita coba terapkan.
- Type = circle
Dapat di tulis dengan sysntax seperti berikut
<body>Ordered list<ul type="circle"><li>V6 Normally</li><li>v8 Normally</li><li>v12 Normally</li></ul></body>
SS coding
SS Hasilnya
- Type = square
Dapat di tulis dengan syntax seperti berikut
<body>Ordered list<ul type="square"><li>V6 Normally</li><li>v8 Normally</li><li>v12 Normally</li></ul></body>
SS Coding
SS Hasilya
- Type = disk
Dapat di tulis dengan syntax seperti berikut
<body>Ordered list<ul type="disk"><li>V6 Normally</li><li>v8 Normally</li><li>v12 Normally</li></ul></body>
SS coding
SS Hasilnya
Demikian tadi mengenai List pada HTML semoga bermanfaat walaupun masih banyak kekurangan untuk itu saya mohon maaf atas kekurangannya.Sekian.
Referensi:http://w3schools.com/
Referensi:http://w3schools.com/
Wassalamualaikum W.r W.b
0 komentar:
Posting Komentar