Lompat ke isi

Bantuan:Tabel: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Konten dihapus Konten ditambahkan
MerlIwBot (bicara | kontrib)
k bot Menambah: tr:Yardım:Tablo
Baris 104: Baris 104:
| align="right" | 2 || Soeharto || 1967 || style="color: red;" | 1998
| align="right" | 2 || Soeharto || 1967 || style="color: red;" | 1998
|}
|}

=== Warna ===

<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{|
| style="background:red; color:white" | abc
| def
| bgcolor="red" | <span style="color:white"> ghi </span>
| jkl
|}
</nowiki></pre></blockquote>

Akan menghasilkan tabel:
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{|
| style="background:red; color:white" | abc
| def
| bgcolor="red" | <span style="color:white"> ghi </span>
| jkl
|}
</blockquote>

'''Catatan:''' Kode untuk "<code>bgcolor</code>" dapat dilihat di [http://www.w3.org/TR/html4/present/graphics.html#h-15.1.1 situs W3 bagian ''deprecated''].


==Prettytable==
==Prettytable==

Revisi per 4 Juni 2012 22.51

Perangkat lunak MediaWiki yang digunakan oleh Wikipedia menyediakan fasilitas pembuatan tabel dengan dua cara: sintaks HTML atau sintaks tabel-wiki. Halaman ini akan menjelaskan sintaks wiki untuk pembuatan tabel sebagai metode yang lebih dianjurkan.

Sintaks tabel-wiki

Berikut ringkasan penggunaan sederhana/dasar sintaks wiki untuk membuat tabel:

  1. Tabel dimulai dengan {| dan diakhiri dengan |}.
  2. Judul tabel ditandai dengan satu baris baru yang berbentuk |+ judul tabel.
  3. Baris baru ditandai dengan baris baru yang diawali |-.
  4. Judul kolom ditandai dengan baris baru yang berbentuk ! judul kolom.
  5. Kolom data ditandai dengan baris baru yang berbentuk | isi kolom.

Setiap jenis elemen di atas harus berada pada baris sendiri. Untuk penyederhanaan, kolom data maupun judul kolom dapat digabungkan menjadi satu baris dengan memberikan markah !! atau ||.

Parameter tabel yang dapat digunakan pada tabel-wiki sama dengan HTML ([1]) dan diberikan setelah markah yang sesuai.

  • Parameter untuk tabel secara keseluruhan, diberikan setelah {|.
    Contoh: {| cellpadding="2" width="100%".
  • Parameter untuk baris, diberikan setelah |-.
    Contoh: |- valign="top".
  • Parameter untuk judul kolom atau kolom data diberikan setelah ! atau | dan dibatasi dengan isi kolom dengan |.
    Contoh: | align="center" | Isi data.

Contoh

Tabel sederhana

{|
|+ Daftar presiden Indonesia
|-
! No
! Nama
! Dari
! Sampai
|-
| 1
| Soekarno
| 1945
| 1967
|-
| 2
| Soeharto
| 1967
| 1998
|}

Akan menghasilkan tampilan:

Daftar presiden Indonesia
No Nama Dari Sampai
1 Soekarno 1945 1967
2 Soeharto 1967 1998

Penggabungan kolom

{|
|+ Daftar presiden Indonesia
|-
! No !! Nama !! Dari !! Sampai
|-
| 1 || Soekarno || 1945 || 1967
|-
| 2 || Soeharto || 1967 || 1998
|}

Akan memberikan hasil yang sama dengan contoh sebelumnya.

Parameter

{| cellpadding="2" cellspacing="1"
|- bgcolor="lightgrey"
! align="center" | No !! bgcolor="#ff0" | Nama !! Dari !! Sampai
|-
| align="right" | 1 || Soekarno || 1945 || 1967
|-
| align="right" | 2 || Soeharto || 1967 || style="color: red;" | 1998
|}

Akan menghasilkan tabel:

No Nama Dari Sampai
1 Soekarno 1945 1967
2 Soeharto 1967 1998

Warna

{| 
| style="background:red; color:white" | abc
| def
| bgcolor="red" | <span style="color:white"> ghi </span>
| jkl
|}

Akan menghasilkan tabel:

abc def ghi jkl

Catatan: Kode untuk "bgcolor" dapat dilihat di situs W3 bagian deprecated.

Prettytable

Class prettytable adalah sebuah tableclass yang didefinisikan di Wikipedia. Dengan memakai class ini, tabel akan ditambahkan garis horisontal dan vertikal serta warna latar belakang abu-abu.

Standar Hasil Dengan Prettytable Hasil
{|
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
No. Keterangan
1. Satu
2. Dua
3. Tiga
4. Empat
5. Lima
6. Enam
{| class=prettytable
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
No. Keterangan
1. Satu
2. Dua
3. Tiga
4. Empat
5. Lima
6. Enam

Untuk class "tabelcantik" sebagai pengembangan dari "prettytable", lihat Bantuan:Tabelcantik. Class "tabelcantik" secara otomatis menambahkan warna selang-seling setiap pergantian baris.

Lihat pula

Pranala luar