Cara Mengatur Lebar Table

Table bisa kita atur lebarnya.Untuk mengatur lebar table kita menggunakan width=””Lebarnya bisa kita atur dengan pixel(px) atau dengan procent(%).

Kalau menggunakan ukuran px kita hanya perlu memasukkan angkanya saja,misalnya width=”800?.
Tapi kalau memakai procent kita harus memasukkan tanda % seperti ini: width=”80%”

Sebagai contoh misalnya kita ingin memakai ukuran 450px, maka sisipkan width=”450″ dalam tag <table> sehingga tag tersebut menjadi <table width=”450″>
Ukuran lebarnya terserah menurut keperluan anda. Saya mengambil ukuran 450 sekedar supaya sesuai dengan lebar ruangan di blog ini saja.
Untuk membuat website biasanya ukuran lebar yang dipakai adalah minimum kurang lebih 800px.
ukuran lebar (width) bisa juga disisipkan pada tag <td> jika kita ingin membuat kolom dengan lebar tertentu.

Sekarang kode HTML nya menjadi seperti dibawah ini:

<html>
<head>
<title>Belajar HTML Table</title>
</head>
<body>
<table border=”2″ width=”450″>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
<td>Kolom 3</td>
</tr>
</table>
</body>
</html>

Sekarang tablenya tampak seperti ini:

Lebar Table

Nah, sekarang Anda sudah tahu caranya mengatur lebar table. Saya harap posting ini dapat berguna bagi Anda.
Selamat mencoba.
Yang Surya

4 Responses to Mengatur Lebar Table

  • mukena murah says:

    Hal ini sekalian berguna men-check apakah pemegang lisensi webstore online tersebut
    memang serius berjualan atau bisa jadi hanya abal-abal saja.
    Kombiknasi di samping keahlian printer baju memberikan yang sangat
    basik dan tahan lama mencari baju. Biisa jadi M untuk merk
    kaos adidas ternyata ketika kita pesen merk nike ukkurannya berubah jadi XL,
    maupun sebaliknya.

    Here is my web-site; mukena murah

  • ~*, that seems to be a great topic, i really love it ~`:

  • -*~ oh that is a nice piece of information, kinda refreshing on my brain ,`~

  • Yes TV says:

    keren, sangat bermanfaat buat sy yg belajar HTML. Thx banget….

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 
 
Kaya Mendadak ala Master
 
AGCZON LUXURY - Profesional Amazon Script Machine  :
Keyword Research Tool
Top Articles