Langsung ke konten utama

Membuat Tabel

Contoh Tabel Pada Website


<!DOCTYPE html>
<html>
<head>
    <title>Tabel</title>
</head>
<body>

    <table border="1">
        <tr>
            <th>Nama</th>
            <th>Alamat</th>
        </tr>
        <tr>
            <td>Ari</td>
            <td>Jakarta</td>
        </tr>
        <tr>
            <td>Budi</td>
            <td>Bandung</td>
        </tr>
        <tr>
            <td>Ciko</td>
            <td>Surabaya</td>
        </tr>
    </table>
    <br>
    <hr>
    <br>
    <table border="1">
        <tr>
            <th>Hari</th>
            <th colspan="4">Kuliah</th>
        </tr>
        <tr>
            <td>Senin</td>
            <td>Kalkulus</td>
            <td>Pemrograman web</td>
            <td>pemrograman robotika</td>
            <td>Mikrokontroler</td>
        </tr>
    </table>
    <br>
    <hr>
    <br>
    <table border="1">
        <tr>
            <th>Hari</th>
            <td>Senin</td>
        </tr>
        <tr>
            <th rowspan="4">Kuliah</th>
            <td>Kakulus</td>
        </tr>
        <tr>
            <td>Pemrograman web</td>
        </tr>
        <tr>
            <td>Pemrograman robotika</td>
        </tr>
        <tr>
            <td>Mikrokontroler</td>
        </tr>
    </table>

</body>
</html>


Tag <table> digunakan untuk membuat sebuah tabel
Tag <tr> digunakan untuk baris pada tabel
Tag <td> digunakan utuk membuat isi
Tag <th> digunakan untuk membuat judul
Colspan = digunakan untuk menggabung kolom
Rowspan = digunakan untuk menggabunngkan baris

Tetap semangat
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Hyperlink

Membuat link <!DOCTYPE html> <html> <head>     <title>Hyperlink</title> </head> <body>     <a href="https://www.google.com">link menuju google</a> <br>     Buka <a href="https://www.google.com" target="_blank">link menuju google</a>  di halaman baru <br>     Kritik dan saran <a href="mailto:emailsaya@gmail.com">Email saya</a> </body> </html> "mailto:" digunakan untuk link yang berupa email Semoga sukses
Posting Komentar
Baca selengkapnya

Membuat paragraf pada website

Contoh membuat paragraf <!DOCTYPE html> <html> <head>     <title>Paragraf</title> </head> <body>     <p>ini adalah paragraf 1</p>     <p>ini adalah paragraf 2</p>     <p>ini adalah paragraf 3</p> <br>     <p>ini adalah paragraf 4</p>     <p>ini adalah paragraf 5</p>     <p>ini adalah paragraf 6</p> <hr>     <p>ini adalah paragraf 7</p>     <p>ini adalah paragraf 8</p>     <p>ini adalah paragraf 9</p> </body> </html> Tag <p> digunakan untuk membuat paragraf. Tag <br> digunakan untuk membuat spasi/jarak dari atas kebawah seperti fungsi ENTER. Tag <hr> mirip seperti fungsi <br> hanya saja menggunakan garis horizontal. Selamat mencoba😁
Posting Komentar
Baca selengkapnya

source code

<!DOCTYPE html> <html lang="en"> <head>   <title>Bootstrap Example</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>   <style>      .y {       color: yellow;      }   </style> </head> <body> <div class="jumbotron text-center">   <h1>My First Bootstrap Page</h1>   <p>Resize this responsive page to see the e...
Posting Komentar
Baca selengkapnya