Membuat Tabel dengan CSS ul dan li

Membuat table pada sebuah website tentu lebih ringan jika menggunakan CSS daripada kode <table> sendiri. <table> sendiri lebih menghabiskan bandwith dibanding html+css. Tabel juga membuat rendering halaman menjadi lebih lama. Tabel dengan HTML dan CSS akan membuat halaman website lebih cepat dibanding dengan Tabel Markup. Berikut adalah contoh Table dengan HTML dan CSS.



<html>
<body>
    <ul style="list-style: none outside none;">
        <li style="float: left;display: block;width: 100px;height: 40px;">Field 1</li>
        <li style="float: left;display: block;width: 100px;height: 40px;">Field 2</li>
        <li style="float: left;display: block;width: 100px;height: 40px;">Field 3</li>
    </ul>
</body>
</html>

Sumber: http://stackoverflow.com/questions/6316896/using-li-instead-of-table

Komentar

Postingan populer dari blog ini

Daftar Footprint untuk SEO - Catatanku 2014

Kawasan Perumahan baru di Bandung Timur Grand Zamzam Rancaekek Kab.Bandung. . Lokasi Strategis Sehingga Pertumbuhan Potensi Harga setiap tahunnya yang semakin tinggi. . - 5 Menit Ke Jalan Propinsi - 5 Menit ke Pusat Perbelanjaan RTC dan Pasar Dangdeur - 14 Menit Ke Gerbang Tol Cileunyi dan RS AMC - 15 Menit ke Pusat Pendidikan Jatinangor (IPDN ITB UNPAD dll) . Jadi Tunggu Apa Lagi! Segera Survey ke Lokasi dan Buktikan sendiri. . Hubungi WA 0851-7427-5474 . #rumahminimalis #rumahmurah #rumahmodern #rumahdijual #rumahbaru #rumah123 #rumahbandung #rumahmurahbandung #jatinangor #fyp #rumahrancaekek #rumahbandungtimur