Membuat Tabel dengan HTML

membuat tabel dengan html

Membuat tabel dengan HTML

Pada kesempatan ini kita akan membahas bagaimana  cara membuat sebuah tabel dengan HTML, membuat tabel dengan HTML sangat lah mudah, namun sebelum itu saya saran kan untuk mengetahui apa itu HTML, untuk lebih jelas nya mengenai HTML silahkan baca artikel serba ngoding sebelum nya tentang pengertian HTML beserta elemennya.

Jika sudah mengetahui apa itu HTML selanjut nya kita akan membuat tabel dengan html, coba anda perhatikan gambar diatas postingan ini, muncul sebuah pertanyaan bagaimana membuat tabel tersebut dengan html? membuat tabel dengan html adalah dengan menggunakan tagname yang ada di HTML itu sendiri yakni tag "<table></table>, yang harus anda ketahui penulisan dari html ini menggunakan bahasa inggris.

Langkah awal untuk pembuatan tabel ini adalah dengan membuka sebuah tools yang sering di sebut sebagai text editor. Untuk text editor teman-teman bisa menggunakan sublime text atau notepad++,lalu perhatikan script yang ada di bawah ini dan tuliskan script yang ada dibawah ini kedalam text editor anda kemudian save dengan nama tabel.html atau sesuai dengan keinginan anda.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Membuat Table Dengan HTML</title>
    </head>
    <body>
        <table border="1">
            <tr>
                <th>Nama</th>
                <th>TTL</th>
                <th>Alamat</th>
                <th>Email</th>
            </tr>
            <tr>
                <td>Krismon</td>
                <td>Semanas, 09 September 1998</td>
                <td>Jl. Raya Semanas</td>
                <td>krismonsetiawan@gmail.com</td>
            </tr>
            <tr>
                <td>Krismon</td>
                <td>Semanas, 09 September 1998</td>
                <td>Jl. Raya Semanas</td>
                <td>krismonsetiawan@gmail.com</td>
            </tr>
            <tr>
                <td>Krismon</td>
                <td>Semanas, 09 September 1998</td>
                <td>Jl. Raya Semanas</td>
                <td>krismonsetiawan@gmail.com</td>
            </tr>
        </table>
    </body>
</html>

Penjelasan membuat tabel dengan HTML

-tag <table></table> merupakan sebuah tag name yang ada di HTMLyang mendefenisikan sebuah tabel
-tag <tr></tr> atau table row merupakan tag yang mendefenisikan jumlah baris yang ada di dalam sebuah tabel. Dalam contoh diatas kita telah membuat tabel dengan jumlah barisnya 4 dimana baris pertama sebagai heading atau judul setiap kolom yang ada
-tag <th> atau table head merupakan tag yang mendefenisikan heading atau judul dari setiap kolom yang ada di tabel, dari kode HTML diatas kita menggunakan 4 kolom heading.
-tag <td>  atau table data merupakan tag yang mendefenisikan data-data atau isi setiap judul tabel yang ada.dari kode HTML diatas kita menggunakan 4 kolom untuk isian data dari heading.
sekian pembahasan kita tentang mengenai membuat tabel dengan HTML,semoga bermanfaat. Happy Coding!.

0 Response to "Membuat Tabel dengan HTML"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel