Menu Click to open Menus
TRENDING
Home » Tutorial » Membuat Tabel Dengan HTML

Membuat Tabel Dengan HTML

(825 Views) April 16, 2013 6:20 pm | Published by | Comments Off

Membuat Tabel Dengan HTML – HTML(Hypre Text Markup Languange) adalah sebuah bahasa markup yang digunakan untuk membuat halaman web,bisa dibilang HTML adalah komposisi dasar pembuatan halaman web.

HTML terdiri dari kumpulan file ASCII yang berisi perintah untuk menampilkan tampilan grafis pada web browser.Saat ini pun anda sedang melihat kode html yang dibaca menjadi tampilan grafis oleh web browser.
File HTML dapat dibuat dengan text editor biasa disetiap sistem operasi seperti pada text editor windows yaitu notepad.Ada juga software khusus yang memudahkan dalam pembuatan file HTML seperti Adobe Dream Weaver,Notepad ++,dan lain-lain.Walaupun berjalan di sistem operasi yang berbeda tetapi tampilan yang dihasilkan akan sama,yang menentukan baiknya tampilan adalah web browsernya.

Pada HTML ada yang disebut dengan tag,tag digunakan untuk menandai text pada HTML sehingga akan menampilkan grafis sesuai dengan fungsi tag yang dipakai.Tag didefinisikan dengan tanda”<>” dan mempunyai dua jenis.Jenis yang pertama yaitu tag mempunyai pembuka dan penutup,sedangkan Jenis yang kedua tag tidak mempunyai penutup melainkan berdiri sendiri.

Membuat Table HTMLPada artikel ini saya akan menjelaskan cara Membuat Tabel Dengan HTML yang merupakan jenis tag yang mempunyai pembuka dan penutup.Untuk membuat tabel ada tag-tag yang diperlukan yaitu “<table></table>”,”<tr></tr>”,dan “<td></td>”.Tag “<table>” mendeskripsikan pembuatan sebuah table,sedangkan tag “<tr>” mendiskripsikan untuk membuat baris pada tabel tersebut.Tag “<td>” digunakan untuk menampilkan kolom pada barisnya,jadi bisa digambarkan bahwa tag “<td>” berada didalam tag “<tr>” dan tag “<tr>” berada didalam tag “<table>”.Inilah contoh pembuatan tabel sederhana :

Membuat Tabel Dengan HTML

Pada kode diatas border berfungsi memberi ketebalan pada tabel,untuk anda yang menginginkan 2 kolom digabung menjadi 1 bisa menggunakan kode “colspan” atau 2 baris menjadi 1 menggunakan kode “rowspan”.Pada Tag <table> anda juga bisa menambahkan tag <th> yang berfungsi sebagai bagian judul pada tabel .Contohnya seperti ini :

Pada kode diatas saya menggunakan colspan yang bernilai 2 artinya saya menggabungkan 2 kolom menjadi satu dari kolom yang saya beri colspan.Untuk itu saya mengisi 2 kolom saja pada baris ke 1 karena pada kolom 1 sudah mewakili kolom ke 2,Sama halnya dengan rowspan yang hanya diberi 2 kolom pada baris sesudah rowspan.

Saya kira cukup sekian penjelesan dari saya tentang cara Membuat Tabel Dengan HTML.Semoga artikel ini bermanfaat bagi anda.

This post was written by Eddy Wijaya
About

Eddy Wijaya adalah seorang blogger part time yang sedang menjalani kuliah di salah satu Universitas di Jakarta. Menulis artikel mengenai Blogging, Bisnis Online dan juga Kesehatan di berbagai blog lainnya.

Tags:
Categorised in:

Comment Closed: Membuat Tabel Dengan HTML

Sorry, comment are closed for this post.

X
We Are On Social Media Now !
Please follow, +1 and hit like for support us :)