Bantuan:Tabel: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan
Tag: VisualEditor Suntingan perangkat seluler Suntingan peramban seluler
RaFaDa20631 (bicara | kontrib)
 
(13 revisi perantara oleh 10 pengguna tidak ditampilkan)
Baris 1: Baris 1:
{{Templat:Bantuan:Bantuan/seri tab}}<!-- templat ini hanya digunakan untuk halaman Bantuan: , bukan Wikipedia:-->
Sebuah '''tabel''' adalah susunan baris dan kolom yang digunakan untuk mengatur dan menempatkan data. Perangkat lunak MediaWiki yang digunakan oleh Wikipedia menyediakan fasilitas pembuatan tabel dengan dua cara: sintaks HTML dan sintaks tabel-wiki (sintaks tabel-wiki lebih dianjurkan). Tabel dapat dikustomisasi dengan berbagai gaya dan reka. Dianjurkan memakai daftar berkolom sebagai pertimbangan.
{{Templat:Bantuan:Bantuan/sidebar}}<!-- templat ini hanya digunakan untuk halaman Bantuan: , bukan Wikipedia:-->
<!--{{dablink|Untuk pengenalan dasar-dasarnya, lihat [[Bantuan:Tabel/Pengenalan tabel|Pengenalan tabel]].}}-->

Sebuah '''[[kontrol (informasi)|tabel]]''' adalah susunan baris dan kolom yang digunakan untuk mengatur dan menempatkan data. Perangkat lunak [[MediaWiki]] yang digunakan oleh [[Wikipedia]] menyediakan fasilitas pembuatan tabel dengan dua cara: sintaks [[HTML]] dan sintaks tabel-wiki (sintaks tabel-wiki lebih dianjurkan). Tabel dapat dikustomisasi dengan berbagai gaya dan reka. Dianjurkan memakai [[Bantuan:Daftar|daftar berkolom]] sebagai pertimbangan.


== Menggunakan toolbar ==
== Menggunakan toolbar ==


[[File:WikiEditor-advanced menu-en.png|frame|center|Bilah alat vektor – default]]
Klik atau (Tabel) pada bilah alat penyunting untuk menambahkan tabel secara otomatis. Jika tombol "Tabel" belum ada pada bilah alat penyunting, ikuti panduan ini untuk menambahkannya.
[[File:Toolbar2.PNG|frame|center|Bilah alat monobook]]

Klik [[File:Vector toolbar insert table button.png]] atau [[File:Button insert table.png]] (Tabel) pada [[Bantuan:Bilah alat penyunting|bilah alat penyunting]] untuk menambahkan tabel secara otomatis. Jika tombol "Tabel" belum ada pada bilah alat penyunting, ikuti [[mw:Customizing edit toolbar|panduan ini]] untuk menambahkannya.


Setelah diklik, akan muncul jendela "Masukkan tabel". Jika Anda langsung mengeklik tombol "Masukkan" pada jendela itu, akan muncul teks berikut ini:
Setelah diklik, akan muncul jendela "Masukkan tabel". Jika Anda langsung mengeklik tombol "Masukkan" pada jendela itu, akan muncul teks berikut ini:
<pre style="display: inline-block;">
{| class="wikitable"
|-
! Teks judul !! Teks judul !! Teks judul
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|}
</pre>


Kode tersebut akan menghasilkan tabel berikut:
Kode tersebut akan menghasilkan tabel berikut:
{| class="wikitable"
|-
! Teks judul !! Teks judul !! Teks judul
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|}


Teks yang disediakan ("Teks judul" dan "Teks sel") diganti dengan data yang ingin ditaruh pada tabel.
Teks yang disediakan ("Teks judul" dan "Teks sel") diganti dengan data yang ingin ditaruh pada tabel.
Baris 23: Baris 52:
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 '''<nowiki>!!</nowiki>''' atau '''<nowiki>||</nowiki>'''.
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 '''<nowiki>!!</nowiki>''' atau '''<nowiki>||</nowiki>'''.


Parameter tabel yang dapat digunakan pada tabel-wiki sama dengan HTML () dan diberikan setelah markah yang sesuai.
Parameter tabel yang dapat digunakan pada tabel-wiki sama dengan HTML ([http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE]) dan diberikan setelah markah yang sesuai.


* Parameter untuk tabel secara keseluruhan, diberikan setelah '''<nowiki>{|</nowiki>'''.<br />Contoh: <nowiki>{| cellpadding="2" width="100%"</nowiki>.
* Parameter untuk tabel secara keseluruhan, diberikan setelah '''<nowiki>{|</nowiki>'''.<br />Contoh: <nowiki>{| cellpadding="2" width="100%"</nowiki>.
* Parameter untuk baris, diberikan setelah '''<nowiki>|-</nowiki>'''.<br />Contoh: <nowiki>|- valign="top"</nowiki>.
* Parameter untuk baris, diberikan setelah '''<nowiki>|-</nowiki>'''.<br />Contoh: <nowiki>|- valign="top"</nowiki>.
* Parameter untuk judul kolom atau kolom data diberikan setelah '''!''' atau '''|''' dan dibatasi dengan isi kolom dengan '''|'''.<br />Contoh: <nowiki>| align="center" | Isi data</nowiki>.
* Parameter untuk judul kolom atau kolom data diberikan setelah '''!''' atau '''|''' dan dibatasi dengan isi kolom dengan '''|'''.<br />Contoh: <nowiki>| align="center" | Isi data</nowiki>.
<!--
== Basic table markup summary ==
{{See also|Help:Basic table markup}}
{| class="wikitable" style="width:100%"
| style="padding: 10px;"| <big><nowiki>{|</nowiki></big>
! style="padding: 5px;"|
Table start
| ''Required''.
|-
| style="padding: 10px;"| <big><nowiki>|+</nowiki></big>
! style="padding: 5px;" |
Table caption
| ''Optional''.
Only between table start and first table row.
|-
| style="padding: 10px;"| <big><nowiki>|-</nowiki></big>
! style="padding: 5px;" |
Table row
| ''Optional''.
Can be omitted before the first row and/or after the last row.
|-
| style="padding: 10px;"| <big><nowiki>!</nowiki></big>
! style="padding: 5px;" |
Table header cell
| ''Optional''.
Consecutive table header cells may be added on same line separated by double marks (<code>!!</code>); or start on new lines, each with its own single mark (<code>!</code>).
|-
| style="padding: 10px;"| <big><nowiki>|</nowiki></big>
! style="padding: 5px;" |
Table data cell
| ''Optional''.
Consecutive table data cells may be added on same line separated by double marks (<code><nowiki>||</nowiki></code>) or start on new lines, each with its own single mark (<code><nowiki>|</nowiki></code>). This mark is also used to separate [[HTML attribute]]s from cell and caption contents.
|-
| style="padding: 10px;"| <big><nowiki>|}</nowiki></big>
! style="padding: 5px;" |
Table end
| ''Required''.
|}


*The above marks must ''start on a new line'', except the double marks (<code>||</code> and <code>!!</code>) for optionally adding consecutive cells to a single line.

*''Blank spaces'' at the beginning of a line are ignored.

*''Content'' may either follow its cell mark on the same line (after any optional HTML attributes); or on lines below the cell mark. Content that uses wiki markup that itself needs to start on a new line, such as with lists, headings, or nested tables, must be on its own new line.

*To insert a ''pipe character'' (<code>|</code>) into a table caption or cell, use the <code>&lt;nowiki&gt;|&lt;/nowiki&gt;</code> escaping markup.
-->
== Contoh ==
== Contoh ==


=== Tabel sederhana ===
=== Tabel sederhana ===

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


Akan menghasilkan tampilan:
Akan menghasilkan tampilan:

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


=== Penggabungan kolom ===
=== Penggabungan kolom ===

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


Akan memberikan hasil yang sama dengan contoh sebelumnya.
Akan memberikan hasil yang sama dengan contoh sebelumnya.


=== Parameter ===
=== Parameter ===

<pre>
{| 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
|}
</pre>


Akan menghasilkan tabel:
Akan menghasilkan tabel:

{| 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
|}


=== Warna ===
=== Warna ===


<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"></blockquote>
<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:
Akan menghasilkan tabel:
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"></blockquote>
<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 situs W3 bagian ''deprecated''.
'''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''].


Sebagaimana parameter lain, warna dapat ditentukan untuk seluruh baris atau seluruh tabel; parameter untuk baris lebih diutamakan daripada nilai untuk seluruh tabel, dan parameter untuk sel lebih utama daripada untuk baris:
Sebagaimana parameter lain, warna dapat ditentukan untuk seluruh baris atau seluruh tabel; parameter untuk baris lebih diutamakan daripada nilai untuk seluruh tabel, dan parameter untuk sel lebih utama daripada untuk baris:




<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"></blockquote>
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{| style="background:yellow; color:green"
|-
| abc || def || ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:silver" | vwx || yz
|}
</nowiki></pre></blockquote>


Akan menghasilkan tabel:
Akan menghasilkan tabel:
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"></blockquote>
<blockquote style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| style="background:yellow; color:green"
|-
| abc || def || ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:silver" | vwx || yz
|}
</blockquote>


== Prettytable ==
== 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.
''Class'' wikitable adalah sebuah ''tableclass'' yang didefinisikan di Wikipedia. Dengan memakai class ini, tabel akan ditambahkan garis horisontal dan vertikal serta warna latar belakang abu-abu.
{| cellpadding="4" cellspacing="4"

||Standar||Hasil||Dengan Prettytable||Hasil
Untuk class "tabelcantik" sebagai pengembangan dari "prettytable", lihat Bantuan:Tabelcantik. Class "tabelcantik" secara otomatis menambahkan warna selang-seling pada setiap pergantian baris.
|-
|valign="top"|
<pre>
{|
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
</pre>
|valign="top"|
{|
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
|valign="top"|
<pre>
{| class=wikitable
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
</pre>
|valign="top"|
{| class="wikitable"
|-
!No.
!Keterangan
|-
||1.||Satu
|-
||2.||Dua
|-
||3.||Tiga
|-
||4.||Empat
|-
||5.||Lima
|-
||6.||Enam
|}
|}


== Lihat pula ==
== Lihat pula ==
* Bantuan:Halaman multikolom
* [[Bantuan:Halaman multikolom]]
* Bantuan:Memperbaiki pranala sunting yang bertumpuk
* [[Bantuan:Memperbaiki pranala sunting yang bertumpuk]]
* m:Help:Table
* [[m:Help:Table]]
* Bantuan:Tabelcantik


== Pranala luar ==
== Pranala luar ==


* csv2wp, konvertor CSV ke tabel wiki
* {{en}} [http://area23.brightbyte.de/csv2wp.php csv2wp, konvertor CSV ke tabel wiki]
* Konvertor tabel HTML ke tabel wiki di cnic.org
* {{en}} [http://www.cnic.org/html2mediawiki.html Konvertor tabel HTML ke tabel wiki di cnic.org]
* Konvertor tabel HTML ke tabel wiki di wackyboy.com
* {{en}} [http://www.wackyboy.com/ConvertHtmlTableToWikiTable.html Konvertor tabel HTML ke tabel wiki di wackyboy.com]
* Konvertor tabel HTML ke tabel wiki di uni-bonn.de
* {{en}} [http://www.uni-bonn.de/~manfear/html2wiki-tables.php Konvertor tabel HTML ke tabel wiki di uni-bonn.de]
* Konvertor tabel HTML ke tabel wiki di diberri.dyndns.org
* {{en}} [http://diberri.dyndns.org/html2wiki.html Konvertor tabel HTML ke tabel wiki di diberri.dyndns.org]
* VBA-Macro untuk EXCEL tableconversion
* {{de}} [[:de:Wikipedia:Helferlein/EXCEL Tabellenumwandlung|VBA-Macro untuk EXCEL tableconversion]]
{{Navbox Gabungan Pedoman WBI}}

{{bantuan-stub}}
[[Kategori:Bantuan|Tabel]]
[[Kategori:Bantuan Wikipedia|Tabel]]

[[ru:Википедия:Оформление таблиц]]
[[ru:Википедия:Оформление таблиц]]__PAKSADAFTARISI____DISAMBIG__

Revisi terkini sejak 26 Oktober 2023 15.25

 Seri Bantuan
Selamat datang! Halaman ini memberikan bantuan mengenai hal yang sering ditanyakan di Wikipedia. Untuk memulai, silakan mengeklik pranala yang Anda butuhkan di bawah ini, atau gunakan fitur pencari yang tersedia.


Sebuah tabel adalah susunan baris dan kolom yang digunakan untuk mengatur dan menempatkan data. Perangkat lunak MediaWiki yang digunakan oleh Wikipedia menyediakan fasilitas pembuatan tabel dengan dua cara: sintaks HTML dan sintaks tabel-wiki (sintaks tabel-wiki lebih dianjurkan). Tabel dapat dikustomisasi dengan berbagai gaya dan reka. Dianjurkan memakai daftar berkolom sebagai pertimbangan.

Menggunakan toolbar

Bilah alat vektor – default
Bilah alat monobook

Klik atau (Tabel) pada bilah alat penyunting untuk menambahkan tabel secara otomatis. Jika tombol "Tabel" belum ada pada bilah alat penyunting, ikuti panduan ini untuk menambahkannya.

Setelah diklik, akan muncul jendela "Masukkan tabel". Jika Anda langsung mengeklik tombol "Masukkan" pada jendela itu, akan muncul teks berikut ini:

{| class="wikitable"
|-
! Teks judul !! Teks judul !! Teks judul
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|-
| Teks sel || Teks sel || Teks sel
|}

Kode tersebut akan menghasilkan tabel berikut:

Teks judul Teks judul Teks judul
Teks sel Teks sel Teks sel
Teks sel Teks sel Teks sel
Teks sel Teks sel Teks sel

Teks yang disediakan ("Teks judul" dan "Teks sel") diganti dengan data yang ingin ditaruh pada tabel.

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.

Sebagaimana parameter lain, warna dapat ditentukan untuk seluruh baris atau seluruh tabel; parameter untuk baris lebih diutamakan daripada nilai untuk seluruh tabel, dan parameter untuk sel lebih utama daripada untuk baris:


{| style="background:yellow; color:green"
|- 
| abc || def || ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:silver" | vwx || yz
|}

Akan menghasilkan tabel:

abc def ghi
jkl mno pqr
stu vwx yz

Prettytable

Class wikitable 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=wikitable
|-
!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

Lihat pula

Pranala luar