List item yang disebut mengelompokkan data baik berurutan(ordered list) maupun yang tidak berurutan(unodered list).
Ordered list
Ordered list adalah untuk membuat list/ kelompok yang berurutan dengan nomor seperti dari 1 sampai seterusnya, kode yang akan di pakai adalah tag <ol> dan penutup tag </ol>, sedangkan untuk mendata setiap itemnya menggunakan tag <li> dan penutup tag </li>.
Contoh:
Daftar hari<br>
<ol>
<li>senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jum'at</li>
<li>Sabtu</li>
<li>Minggu</li>
</ol>
Ada beberapa type kode yang bisa di gunakan dalam mengelompokkan data
Yaitu sebagai berikut:
<ol type="1">
<ol type="l">
<ol type="i">
<ol type="A">
<ol type="a">
Contoh:
Contoh type "1"daftar hari<br>
<ol type="1">
<li>senin</li>
<li>selasa</li>
</ol>
Contoh type "l" daftar hari<br>
<ol type="l">
<li>rabu</li>
<li>kamis</li>
</ol>
Contoh type "i" daftar hari<br>
<ol type="i">
<li>jum'at</li>
<li>sabtu</li>
</ol>
Contoh type "A" daftar hari<br>
<ol type="A">
<li>minggu</li>
<li>Senin</li>
</ol>
Contoh type "a" daftar hari<br>
<ol type="a">
<li>selasa/li>
<li>rabu/li>
</ol>
Unuodered list
Untuk membuat list secara tidak berurutan atau seperti tanda( .)titik, kita gunakan tag penutup<ul> dan tag penutu</ul>, sedangkan setiap mendata item lainya menggunakan tag<li>sebagai tag pembuka dan </li> sebagai tag penutupnya.
Contohnya sama dengan yang di atas seperti itu cuman di ganti tag <ol> dengan tag<ul>.
Ada tiga type yang bisa kita gunakan yaitu:
1.square
2.disc
3.circle
Contoh:
Contoh ke 1 Daftar hari<br>
<ul type="square">
<li>senin</li>
</ul>
Contoh ke 2 daftar hari<br>
<ul type="disc">
<li>selasa</li>
</ul>
Contoh ke 3 daftar hari<br>
<ul type="circle">
<li>rabu</li>
</ul>
Memasukan gambar ke dalam suatu web/blog
Gambar di dalam suatu website adalah daya penarik pengunjung suatu website kalian. Umumnya di dalam suatu website di lengkapi dengan gambar untuk membuat orang tertarik untuk melihat dan membaca isi suatu website. Setiap gambar akan butuh waktu untuk mendownload atau memperlambat awal penampilan suatu dokumen di dalam browser. Untuk menyertakan imag/gambar di sebuah dokumen web adalah tag <img src="alamat imag atau link imag tersebut">
Contoh:
<img src="alamat imag atau link imag kalian yang akan di masukan di dalam gambar tersebut">
Ada beberapa tempat untuk menyimpan gambar di sebelah kiri, kanan, tengah dan ukuran lebar, panjang pada suatu gambar.
Untuk menyimpan gambar di sebelah kanan cukup menyertakan tag <img src=align:"right">.
Untuk menyimpan gambar di sebelah kiri cukup menyertakan tag <img src=align:"left">.
Untuk menyimpan gambar supaya di tengah gambarnya cukup menyertakan tag
<img src=alig:"center">.
Untuk meletakan gambar lebar atau panjangnya cukup menyertakan tag
<img src="gambr kalian" align"center" widht="100px" height="100px"> itu angka 100 bisa di ganti sama kalian terserah kalian nomornya.
Tidak ada komentar:
Posting Komentar