content='text/html;charset=UTF-8' http-equiv='Content-Type'/> Belajar Membuat Table dengan kode HTML - SMK Labor Pekanbaru Terdepan dalam Teknologi Informasi

Belajar Membuat Table dengan kode HTML

Cara Membuat Tabel HTML

Untuk membuat tabel di HTML, kita membutuhkan  3 tag dasar , yaitu tag <table>, tag <tr>, dan tag <td>:
§  Tag <table> digunakan untuk memulai tabel
§  Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
§  Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
§   
Contoh penggunaan tag <table>:
<!DOCTYPE html>
<html>
<head>
   <title>Penggunaan Tag Tabel</title>
</head>
<body>
<h1>Belajar 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>
    <tr>
        <td> Baris 4, Kolom 1</td>
        <td> Baris 4, Kolom 2</td>
        <td> Baris 4, Kolom 3</td>
    </tr>
</table>
</body>
</html>


Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.



Share on Google Plus

About All About Life

0 comments:

Post a Comment