Belajar Membuat Tabel pada html dengan (tag tabel)

Tags

Belajar Membuat Tabel pada html dengan tag <tabel> - pada posting kali ini saya akan membahas dan mengajarkan tentang membuat tabel di HTML , tentunya dengan mudah untuk anda pelajari. langsung saja simak berikut ini.

sebelumnya telah saya ajarkan tentang penggunaan attribut title pada html ,maka sekarang kita naik 1 tangga mempelajari bahasa web html dengan membuat sebuah tabel di dalam halaman web browser.

TAG - TAG TABEL :

kita ketahui terlebih dahulu beberapa tag yang di pakai untuk membuat sebuah tabel di dalam HTML, untuk membuat tabel di HTML kita membutuhkan 3 tag yaitu , tag <tr> , tag <td> , dan tag <tagbel> .
  • TAG <tabel> tag pembuka untuk memulai membuat tabel.
  • TAG <tr> atau Tabel row , digunakan untuk membuat baris dari tabel.
  • TAG <td> atau Tabel data, Digunakan untuk meletakkan sebuah data dari tabel.
berikut ini salah satu contoh struktur codenya :

TABEL 1 KOLOM 1 BARIS  :

<!DOCTYPE html>
<html>
<head>
   <title>MEMBUAT TABEL</title>
</head>
<body>
<h1>Belajar HTML membuat Tag Tabel</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
    </tr>
</table>
</body>
</html>

TABEL 3 KOLOM 1 BARIS  :

<!DOCTYPE html>
<html>
<head>
   <title>MEMBUAT TABEL</title>
</head>
<body>
<h1>Belajar HTML membuat Tag Tabel</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
</table>
</body>
</html>


CONTOH PENAMBAHAN BARIS  :

<!DOCTYPE html>
<html>
<head>
   <title>MEMBUAT TABEL</title>
</head>
<body>
<h1>Belajar HTML membuat Tag Tabel</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td>Baris 2, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 3, Kolom 1</td>
        <td>Baris 3, Kolom 2</td>
        <td>Baris 3, Kolom 3</td>
    </tr>
</table>
</body>
</html>
Belajar Membuat Tabel pada html dengan (tag tabel)
Keterangan :
pada tag tabel disitu tertulis attribut border=1 artinya, tabel akan mencipatakan sebuah garis dengan ukuran 1px  atau ukuran pixel. maka browser akan menampikan sebuah garis tepi yang mempunyai garis . jika tanpa border anda tidak akan melihat sebuah garis.

sebelum penerapan code CSS , para programmer banyak menggunakan coding tampilan di HTML terutama pada tag tabel, ini membuat code HTML tampak lebih rumit, namun dengan kemajuan bahasa pemrograman penggunaan CSS pada HTML sangat minim digunakan bahkan ditinggalkan, dan lebih banyak digunakan tampilannya pada CSS.
sebenarnya ada lebih banyak tag - tag mengenai HTML code ini, mungkin di next posting akan saya bahas dengan lebih mendetail tentang tag-tag membuat sebuah tabel pada HTML . pada database banyak yang menerapkan sebuah tabel pada halaman web. kegunannya beragam dari menginput data ataupun mengeluarkan hasil data.

saya rasa sampai disini dulu artikel kali ini mengenai Membuat Tabel pada html, jika anda kebingungan dapat bertanya pada form komentar yang telah tersedia dibawah artikel ini, saya akan siap mengajarkan dan menjawab apa yang kalian bingungkan tentang penggunaan tag <table> , tag <tr> , tag <td> . thanks.

3 komentar

wah ini cocok nih, ane nyari nyari tapi banyak yang gak ngerti. belajar disini alhamdulilah tambah paham soal html

wahhh thanks nii sob... jangan segan belajar di mari :)

- Berkomentarlah dengan sopan.
- No Link Aktif, SPAM, SARA P#RN.
- Jangan membalas yang tidak sesuai tema.
- Untuk "PM/tanya hal penting" bisa lewat Social Media yang saya miliki, sekalian Kenalan dengan Admin ^_^.
EmoticonEmoticon