Menggunakan Fungsi Attribut Align untuk Table HTML (Di Baris dan Kolom)

Attribut Align di HTML selalu berhubungan dengan posisi. Ntah table, tulisan, gambar dan sebagainya tinggal dimana attribut align itu ditempatkan. Bila attribut align ini ditempatkan di <table>, maka berfungsi untuk mengatur posisi atau letak tabel. Bila anda meletakkan attribut align ini di <p> maka berfungsi untuk mengatur posisi paragraf anda, dan sebagainya. Nah disini kita akan belajar tetang Attribut Align yang diletakkan didalam baris dan kolom  atau tag <td> dan <tr> table. Cekidot !

Implementasi Attribut Align di Baris dan Kolom Table HTML

Ini tampilan jika kita menaruh align berada di dalam tag <table> perhatikan gambar dibawah ini 

Yang bergeser Posisi adalah Tablenya apabila kita menaruh Align di dalam Tag <table> , bagaimana bila kita menaruh tag align di dalam <tr>  atau baris table ? perhatikan gambar dibawah ini 

Gambar diatas menunjukkan gambar tag <tr>  yang diberi atributt Align (atas) . Dan gambar lainya menunjukkan hasil dari table tanpa attribut align di tag <tr>  nya. Jadi jika kita memasukkan attribut align kedalam tag <tr> maka isi (baik text atau gambar) yang berada di satu baris itu akan berpindah posisi seperti align yang telah ditentukan. contoh diatas menggunakan align center yang artinya semua isi dari baris dengan attribut Align akan berada di posisi tengah. 

Nah berbeda juga dengan attribut align yang ditaruh di tag <td> perhatikan gamabar dibawah ini . 

Berbeda dengan saat kita memasukkan align kedalam tag <tr> yang secara otomatis satu baris akan berada di posisi yang sama. Misal align yang digunakan adalah align="center" maka satu baris akan rata ke tengah semua. Apabila kita meletekkan attribut align di tag <td> atau kolom  maka hanya kolom yang kita beri attribut align  itu saja yang akan berpengaruh, yang tidak ada attribut align maka tidak akan berpengaruh apa-apa.

Semoga Artikel singkat ini bermanfaat, dan membantu anda dalam Menggunakan Fungsi Attribut Align untuk Table HTML (Di Baris dan Kolom)

Next Chapter >> Mengatur Ukuran Table HTML