FORMAT TABEL HALAMAN
FORMAT TEBEL HALAMAN WEB
Pernahkah anda melihat sebuah halaman web yang didalamnya terdapat sebuah tabel. Bagaimana cara membuatnya? Kali ini saya ingin mempraktekkan dan memberikan pengertian tentang tag yang berfungsi dalam pembuatan tabel. Fungsi dari tabel sendiri adalah untuk mengatur agar informasi dari halaman web dapat disajikan dengan tampilan yang baik untuk dibaca. Berikut yang harus anda pahami tag yang berfungsi untuk pembuatan sebuah tabel:
<head>
<title> Membuat Tabel Sederhana </title>
</head>
<body>
<table>
<caption>Daftar Teman Saya</caption>
<tr><th>Nama</th><th>Jenis Kelamin</th></tr>
<tr><td>Yogo</td><td>Laki-laki</td></tr>
<tr><td>Fungky</td><td>Laki-laki</td></tr>
Setelah anda mengetik source code diatas, kemudian simpan dengan nama filemembuattabel.html.
Jalankan file membuattabel.html klik 2x file tersebut.
sumber:http://bhayoubobotoh.blogspot.com
Pernahkah anda melihat sebuah halaman web yang didalamnya terdapat sebuah tabel. Bagaimana cara membuatnya? Kali ini saya ingin mempraktekkan dan memberikan pengertian tentang tag yang berfungsi dalam pembuatan tabel. Fungsi dari tabel sendiri adalah untuk mengatur agar informasi dari halaman web dapat disajikan dengan tampilan yang baik untuk dibaca. Berikut yang harus anda pahami tag yang berfungsi untuk pembuatan sebuah tabel:
Tag
|
Fungsi
|
<table>…</table> | Tag harus ditulis yang berguna sebagai pembuka dan penutup sebuah tabel |
<caption>…</caption> | Membuat judul tabel |
<th>…</th> | Membuat judul kolom |
<tr>…</tr> | Menentukan sebuah baris dalam tabel |
<td>…</td> | Membuat sel data |
Setelah anda mengerti tag diatas, langsung saja yukk kita praktekkan !!
- Siapkan Text Editor (Notepad++,Adobe Dreamweaver, dll). Disini saya memakai Notepad++
- Siapkan Browser (Mozilla Firefox, Google Chrome, dll).
- Segelas Kopi atau camilan biar anda semangat
Membuat Tabel Sederhana dengan HTML
Berikut source code membuat tabel sederhana :
<html><head>
<title> Membuat Tabel Sederhana </title>
</head>
<body>
<table>
<caption>Daftar Teman Saya</caption>
<tr><th>Nama</th><th>Jenis Kelamin</th></tr>
<tr><td>Yogo</td><td>Laki-laki</td></tr>
<tr><td>Fungky</td><td>Laki-laki</td></tr>
Setelah anda mengetik source code diatas, kemudian simpan dengan nama filemembuattabel.html.
Jalankan file membuattabel.html klik 2x file tersebut.
sumber:http://bhayoubobotoh.blogspot.com
Komentar
Posting Komentar