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

Analisis Sistem Informasi

Paada artikel kali ini kita akan menbahas mengenai Analisis Sistem Informasi. Apa itu sistem informasi?, ada yang sudah tau?. Mari kita cari tau di sini.  Apa itu Analisis Sistem? Analisis sistem informasi adalah pejabaran dari sebuah sistem informasi kedalam bagian-bagian tertentu dengan magsud untuk mengidentifikasi  dan mengevaluasi sebuah permasalahan, kesempatan, hambatan, dan kebutuhan-kebutuhan yang diharapkan agar bisa di usulkan untuk memperbaikinya. Didalam analisis sistem terdapat langkah-langkah dasar yang perlu dilakukan oles analisis sistem, yaitu: Identify, yaitu proses untuk mengidentifikasi sebuah permasalahan Understand, yaiitu memahami dari sistem yang sudah ada Analyze, yaitu proses untuk menganalisis sistem Report, yaitu membuat sebuah laporan dari hasil analisis Mengidentifikasi Masalah  Masalah mmerupakan sebuah pertanyaan yang harus diselesaikan karena masalah inilah yang menyebabkan sasaran dari sistem tidak dapat di capai. Untuk itu langkah perta...
Post a Comment
Read more »

Program Menghitung Luas Persegi Panjang Menggunakan Bahasa C

  Assallammualaikum wr.wr Pada kesempatan kali ini kita akan membuat suatu program menggunakan bahasa C. Program yang akan kita buat kali ini yaitu tentang program menghitung luas persegi panjang. Tapi sebelum melanjutkan tutorialnya, pastikan terlebih dahulu kalian membacaartikel saya yang berjudul Belajar Bahasa C agar bisa dengan mudah dalah memahami pemprogaman bahasa C. Okee, langsung saja tanpa panjang lebar kita mulai saja tutorialnya. Kode Program Kode program bahasa C untuk menhitung luas persegi panjang adalah sebagai berikut #include <stdio.h> int main () { int panjang, lebar, luas; printf ( "Masukkan panjang : " ) ; scanf ( "%d" , &panjang ) ; printf ( "Masukkan lebar : " ) ; scanf ( "%d" , &lebar ) ; luas = panjang * lebar; printf ( "Luas persegi panjang adalah %d\n" , luas ) ; return 0 ; } Simpan source code dengan nama persegipanjang.c, tetapi sesuaikan aja dengan nama file yang dingi...
Post a Comment
Read more »

Belajar Bahasa C

Assallammualaikum wr.wb Pada Kesempatan kali ini, kita akan belajar mengenai bahasa pemprogaman C. Apakah sudah ada yang tau apa itu bahasa pemprogaman C, Jika belum mari kita pelajari di sini bersama sama. Mengapa Harus Bahasa C Pada dasarnya pemprogaman dengan menggunakan bahasa C sangat cocok bagi pemula yang belum pernah mencoba coding untuk memahami konsep pemprogaman. walaupun Usi bahasa pemprogaman C sudah Tua, Tapi sampai saat ini pemprogamanm bahasa C masih digunakan banyak orang. berikur ini merupakan manfaat ketika kita mempelajari bahasa C Cocok untuk pemula yang belum pernah mencoba coding Sangat mudah untuk di pelajari Merupakan induk dari semua bahasa pemprogaman Masih banyak orang yang menggunakan sampai saat ini Dapat di gunakan di berbagai platform Tool Untuk Belajar Bahasa C Ketika kita akan memulai belajar mengenai bahasa C, pasti kalian akan bertanya apa aja seh yang harus kita siapkan/kita install? Dalam memulai belajar bahasa C sebenarnya kita hanya membutuhkan d...
2 comments
Read more »

Protokol yang mendukung WWW

Nama              : Trio Hermanto NIM                  : 205520065 Mata Kuliah  : Sistem Terdistribusi Protocol pendukung WWW Protocol adalah sebuah peraturan yang berfungsi untuk menentukan format dan transmisi data. Peraturan yang sering digunakan dalam proses komunikasi ini sering disebut dengan istilah protokol layer. Protokol juga memiliki banyak macam-macamnya. Nah di bawah ini mrupakan macam-macam protocol yaiitu : Net Beui Protocol Net Beui sangat baik dan cepat untuk bersharing data, namun protocol netbeui memiliki kelemahan yaitu protokol ini tidak dapat dirouting. IPx & SPx (Internetwork paket exchange/Sequnce paket exchange) Protocol yang satu ini sangat mirip dengan Net Beui, tetapi yang membedakan protocol ini dengan net beui adalah protokol ini dapat di routingkan, jadi dapat memungkinkan terjadinya MAN. Protokol yang dikembangkan oleh OSI / ISO Protocol ini sudah digunakan...
Post a Comment
Read more »