tuliskan cara untuk membuat tabel


2. a)garis tebal + border
<html>

<head>

<title>table border</title>

</head>

<body>

<table border="1"width="20%"height="7%">

 <tr>

<td></td>

</tr>

</table>

</body>

</html>
    b)tabel lebih lebar
<html>
<head>
<title>Contoh pemakaian attribut width dalam Tabel HTML</title>
</head>
<body>
<h2>Belajar atribut width dalam Tabel HTML</h2>
<table border="1">
<caption>------------Tabel Tanpa Atribut Width--------------</caption>
    <tr>
        <th>Judul 1</th>
        <th>Judul 2</th>
        <th>Judul 3</th>
    </tr>
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Data yang sangat panjang, 
sehingga merusak tampilan dari tabel</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>
    c)tabel memiliki warna
<html>
<head>
   <title>Tabel di HTML</title>
</head>
<body>
<h1>Tabel Menggunakan tag colgroup dan tag col</h1>
<table border="1">
    <colgroup>
        <col style='background-color:green;width:25px;'></col>
        <col style='background-color:orange;width:500px;'></col>
        <col style='background-color:yellow;width:200px;'></col>
    </colgroup>
    <tr>
        <th>No</th>
        <th>Nama</th>
        <th>Kelas</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Aris Samsudin</td>
        <td>3mm3</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Taufik Hidayat</td>
        <td>2mm3</td>
    </tr>
</table>
</body>
</html>

Komentar

Postingan populer dari blog ini

Cara Membuat Tabel dalam html mengguanakan notepad++

50 Kerusakan di komputer & laptop