Skip to main content

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Membuat Tabel Pada HTML

Tabel merupakan struktur yang digunakan untuk nmenampilkan informasi dalam bentuk baris dan kolom. Pada html, untuk pembuatan tabel menggunakan tag <table> dan menggunakan tag <tr>  untuk membuat baris dan <td> untuk membuat kolom. Untuk lebih mudah dalam memahami pembuatan table pada html, berikut ini akan saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML.

Tag <table> merupakan tag pembuka dalam pembuatan sebuah table pada html, tanpa tag <table>  ini, penggunaan <tr> dan <td> tidak bisa digunakan dengan baik. <tr> atau dikenal dengan table row merupakan tag yang digunakan untuk membuat baris dalam table html. <td> atau dikenak dengan tabel data merupakan tag yang digunakan untuk membuat kolom  dalam baris dan tag <th> untuk membuat tablehead atau bagian kepala pada table.

Dibawah ini adalah contoh pembuatan table pada HTML berikut :

<!DOCTYPE html>
<html>
<head>
<title>belajar membuat tabel di html</title>
</head>
<body>
<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>


Hasil Outputnya


Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Dari contoh diatas dapat anda lihat semdiri fungsi dari masing-masing tag yang sudah kita bahas diatas. Namun pada tag table saya memberikan atribut border='1'. Atribut border ini digunakan untuk memberikan garis pada table dan nilai 1 ini merupakan nilai dari garis tepi pada tabel yang kita buat tadi ( 1 untuk membuat garis, dan 0 jika tidak ingin menggunakan garis ).

Dan dibawah ini adalah contoh membuat table html dengan menggunakan tag head atau bagian kepala tabel :

<!DOCTYPE html>
<html>
<head>
    <title>belajar membuat tabel di html</title>
</head>
<body>
    <table border="1">
        <tr>
        <th>No</th>
        <th>Nama</th>
        <th>Alamat</th>
        </tr>
    <tr>
        <td>1</td>
        <td>Badrul</td>
        <td>Sumedang</td>
        </tr>
    <tr>
        <td>2</td>
        <td>Andi</td>
        <td>Jakarta</td>
        </tr>
    <tr>
        <td>3</td>
        <td>Budi</td>
        <td>Bandung</td>
        </tr>
    </table>
</body>
</html>


Hasil Outputnya 


Belajar HTML Dasar #6 - Membuat Tabel Pada HTML


Mungkin cukup sampai disini dulu mengenai pembahasan mengenai membuat tabel pada HTML, untuk selanjutnya kita akan belajar mengenai membuat hyperlink dan list pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

Sekian dan terimakasih...


Daftar Belajar HTML Dasar




Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >          < div   class = "left-box" >
6 comments
Read more »

Squential Search (Liniear Search) - Bahasa C

  Assallammualaikum wr.wb Pada kesempatan kali ini kita akan membuat sebuah program lagi menngunakan bahasa c yaitu tentang Squential Search. Apa seh itu squential search? Squential Search atau yang biasa kita sebut Liniear  Search adalah sebuah teknik pencarian data dari aray yang paling mudah, dimana data di dalam suatu aray di baca satu demi satu, diurutkan dari index terkecil sampai index yang paling besar. dll C ontoh Squential Search Diketahui sebuah array B dengan elemen {3, 45, 75, 8, 10, 2, 17, 50, 35, 45}. Buatlah program C untuk mencari data tertentu menggunakan metoda Sequential Search.  Program Bahasa C #include <stdio.h> main() {     int A[10]= {3,45,75,8,10,2,17,50,35,45};     int I,N;     printf("\t\t\t\t\t===================================== \n");     printf("\t\t\t\t\t         SQUENTIAL SEARCH \n");     printf("\t\t\t\t\t===================================== \n");     printf("\n");     printf("\t Masukan Angka yang i
Post a Comment
Read more »