|
Anda mungkin ingin membiarkan halaman ini terbuka di ''window browser'' yang terpisah sebagai rujukan. Jika Anda ingin mencoba melakukan sesuatu tanpa merusak apa pun, lakukan di '''[[Wikipedia:Bak pasir|Bak pasir]]'''.
=== SederhanaBerkas gambar ===
{{utama|Bantuan:Berkas}}
{| class="wikitable"
|-
</nowiki></pre>
|}
</div>
=== Format lengkapTabel ===
{{utama|Bantuan:Tabel}}
Ada dua cara untuk membuat tabel:
# dengan elemen HTML biasa: <table>, <tr>, <td> or <th>. (tidak dianjurkan)
# dengan ''markup''-Wiki khusus
Berikut ringkasan penggunaan sederhana/dasar sintaks wiki untuk membuat tabel:
Tabel berikut menampilkan efek dari semua format yang ada.
# '''Tabel''' dimulai dengan '''<nowiki>{|</nowiki>''' dan diakhiri dengan '''<nowiki>|}</nowiki>'''.
{| class="wikitable plainlinks"
# '''Judul tabel''' ditandai dengan satu baris baru yang berbentuk '''<nowiki>|+</nowiki> ''judul tabel'''''.
|-
# '''Baris''' baru ditandai dengan baris baru yang diawali '''<nowiki>|-</nowiki>'''.
!Keterangan
# '''Judul kolom''' ditandai dengan baris baru yang berbentuk '''<nowiki>!</nowiki> ''judul kolom'''''.
!Yang diketikkan
# '''Kolom data''' ditandai dengan baris baru yang berbentuk '''<nowiki>|</nowiki> ''isi kolom'''''.
!Hasil tampilan
{{Bantuan:Berkas/tabel|frame=|ex=tanpa format apa pun}}
{{Bantuan:Berkas/tabel|frame=border|ex=paramater border menghasilkan penampilan gambar dengan garis batas abu-abu tipis}}
{{Bantuan:Berkas/tabel|frame=frame|ex=frame (berbingkai)}}
{{Bantuan:Berkas/tabel|frame=thumb|ex=thumb (miniatur gambar)}}
{{Bantuan:Berkas/tabel|frame=frameless|ex=parameter frameless (tanpa bingkai), seperti thumb, lebarnya diatur melalui [[Istimewa:Preferensi|preferensi pengguna]] bagian Berkas}}
{{Bantuan:Berkas/tabel|frame=frameless|2=border|ex=frameless dan border}}
{{Bantuan:Berkas/tabel|2=link=http://wiki-indonesia.club|ex=pranala eksternal}}
{{Bantuan:Berkas/tabel|2=link=|ex=tanpa pranala eksternal maupun pranala berkas}}
|}
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>'''.
Jika tinggi gambar dalam miniatur ternyata lebih lebar dari lebarnya, dan menurut Anda terlalu menonjol, Anda dapat mencoba parameter <code>upright</code>, yang akan mencoba untuk menyesuaikan ke ukuran yang lebih diinginkan.
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.
== Penjajaran (''alignment'') ==
=== Penjajaran horisontal ===
Perlu dicatat bahwa jika Anda menggunakan <code>frame</code> atau <code>thumb</code>, maka secara standar gambar akan ditampilkan menggunakan parameter <code>right</code>.
* Parameter untuk tabel secara keseluruhan, diberikan setelah '''<nowiki>{|</nowiki>'''.<br />Contoh: <nowiki>{| cellpadding="2" width="100%"</nowiki>.
{| class="wikitable"
* Parameter untuk baris, diberikan setelah '''<nowiki>|-</nowiki>'''.<br />Contoh: <nowiki>|- valign="top"</nowiki>.
!Keterangan
* Parameter untuk judul kolom atau kolom data diberikan setelah '''!''' atau '''|''' dan dibatasi dengan isi kolom dengan '''|'''.<br />Contoh: <nowiki>| align="center" | Isi data</nowiki>.
!Yang diketikkan
!Hasil tampilan
{{Bantuan:Berkas/tabel|frame=|ex='''tanpa parameter penjajaran apapun''', atau menyuruh program untuk menggunakan penjajaran standar}}
{{Bantuan:Berkas/tabel|frame=none|ex=parameter penjajaran '''none'''}}
{{Bantuan:Berkas/tabel|frame=center|ex='''center'''}}
{{Bantuan:Berkas/tabel|frame=left|ex='''left'''}}
{{Bantuan:Berkas/tabel|frame=right|ex='''right'''}}
|}
;Contoh tabel sederhana
=== Penjajaran vertikal ===
Berikut adalah '''teks yang diketikkan''':
<div style="margin: 0 0 0 2em; font-size: 95%;">
Tanpa parameter: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px]]
Baseline: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|baseline]]
Sub: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|sub]]
Super: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|super]]
Text-top: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|text-top]]
Middle: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|middle]]
Bottom: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|bottom]]
Text-bottom: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|text-bottom]]
</div>
dengan hasil '''tampilan''' berikut: (teks sengaja diberi garis bawah supaya hasilnya lebih mudah dilihat)
<div style="margin: 0 0 0 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;">
<u>Tanpa parameter: [[{{ns:image}}:Flower.jpg|20px]]
Baseline: [[{{ns:image}}:Flower.jpg|20px|baseline]]
Sub: [[{{ns:image}}:Flower.jpg|20px|sub]]
Super: [[{{ns:image}}:Flower.jpg|20px|super]]
Text-top: [[{{ns:image}}:Flower.jpg|20px|text-top]]
Middle: [[{{ns:image}}:Flower.jpg|20px|middle]]
Bottom: [[{{ns:image}}:Flower.jpg|20px|bottom]]
Text-bottom: [[{{ns:image}}:Flower.jpg|20px|text-bottom]]
</u>
</div>
<pre>
== Ukuran dan bingkai ==
{|
Di antara berbagai format, efek dari parameter ukuran (lebar/tinggi) dapat menghasilkan tampilan yang berbeda, sebagaimana ditampilkan di bawah ini.
|+ Daftar presiden Indonesia
|-
! No
! Nama
! Dari
! Sampai
|-
| 1
| Soekarno
| 1945
| 1967
|-
| 2
| Soeharto
| 1967
| 1998
|}
</pre>
Akan menghasilkan tampilan:
Catatan:
* Jika parameter format tidak dituliskan, atau hanya menggunakan <code>border</code>, ukuran tampilan gambar dapat diperkecil maupun diperbesar dari ukuran orisinalnya.
* Gambar dengan parameter <code>frame</code> selalu mengabaikan parameter ukuran.
* Ukuran gambar dengan parameter <code>thumb</code> dan <code>frameless</code> dapat diperkecil dari ukuran orisinalnya, tetapi tidak dapat diperbesar.
{|
Untuk melihat bagaimana tampilan gambar jika ukurannya tidak dituliskan, lihat bagian [[#Format|Format]] di atas.
|+ Daftar presiden Indonesia
{| class="wikitable"
!Format!!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=}}
|-
! No
! !!Diperkecil!!Diperbesar
! Nama
{{Bantuan:Berkas/ukuran|frame=border}}
! Dari
! Sampai
|-
| 1
! !!Diperkecil!!Diperbesar
| Soekarno
{{Bantuan:Berkas/ukuran|frame=frame}}
| 1945
| 1967
|-
| 2
! !!Diperkecil!!Diperbesar
| Soeharto
{{Bantuan:Berkas/ukuran|frame=thumb}}
| 1967
|-
| 1998
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=frameless}}
|}
=== MembuatDaftar galeri gambarisi ===
Pada status bahasa markup wiki saat ini, adanya setidaknya empat ''header'' di sebuah halaman memicu munculnya daftar isi (TOC) di depan ''header'' pertama (atau setelah bagian pengantar). Meletakkan <nowiki>__TOC__</nowiki> di manapun di halaman tersebut memaksa TOC untuk muncul di bagian tersebut (daripada di bagian awal). Meletakkan <nowiki>__NOTOC__</nowiki> di manapun di halaman tersebut memaksa TOC untuk menghilang. <!-- Lihat pula [[Wikipedia:Bagian#TOC_ringkas|TOC ringkas]] untuk alfabet dan ''heading'' tahun. -->
Adalah mudah untuk membuat '''galeri miniatur gambar''' (''thumbnails''), hanya dengan menggunakan tag <code><nowiki><gallery></nowiki></code>. Sintaksisnya adalah:
<nowiki><gallery></nowiki>
{{ns:image}}:{filename}|{judul}
{{ns:image}}:{filename}|{judul}
{...}
</gallery>
Perlu dicatat bahwa kode gambar tidak perlu menggunakan tanda kurung siku jika menggunakan tag <code>gallery</code> ini.
Judul gambar tidak diharuskan, dan dapat merupakan pranala wiki ataupun pemformatan lainnya.
;Contoh:
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki><gallery></nowiki>
{{ns:image}}:{{mediawiki:image_sample}}|Gambar 1
{{ns:image}}:{{mediawiki:image_sample}}|Pranala ke <nowiki>[[</nowiki>Bantuan:Isi]]
{{ns:image}}:{{mediawiki:image_sample}}
{{ns:image}}:{{mediawiki:image_sample}}
{{ns:image}}:{{mediawiki:image_sample}}| <nowiki>''Format judul miring''</nowiki>
{{ns:image}}:{{mediawiki:image_sample}}|Ini halaman "<nowiki>{{</nowiki>PAGENAME}}"
</gallery>
</div>
ditampilkan sebagai berikut:
<div style="margin: 0 0 0 2em; font-size: 95%;">
<gallery>
Berkas:Contoh.jpg|Gambar 1
Berkas:Contoh.jpg|Pranala ke [[Bantuan:Isi]]
Berkas:Contoh.jpg
Berkas:Contoh.jpg
Berkas:Contoh.jpg|''Format judul miring''
Berkas:Contoh.jpg|Ini halaman "{{PAGENAME}}"
</gallery>
</div>
;Parameter:
Tag <code>gallery</code> sendiri memiliki beberapa parameter tambahan:
<pre><gallery {parameter}>
{daftar gambar}
</gallery></pre>
* <code>caption={judul}</code>: menampilkan judul galeri.
* <code>widths={lebar}px</code>: menentukan lebar gambar.
* <code>heights={heights}px</code>: menentukan tinggi (maksimal) gambar.
* <code>perrow={angka}</code>: menentukan jumlah gambar di setiap barisnya.
== Pranala ==
;Sebagai pranala ke halaman keterangan gambar:
Jika Anda memberikan sebuah tanda titik dua (<code>:</code>) sebelum <code>{{ns:image}}:</code>, maka berkas gambar tidak akan ditampilkan dan hanya menampilkan sebuah pranala ke halaman keterangan berkas tersebut.
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki>[[</nowiki>:{{ns:image}}:Flower.jpg]]
<nowiki>[[</nowiki>:{{ns:image}}:Flower.jpg|Gambar bunga]]
</div>
akan menghasilkan:
<div style="margin: 0 0 0 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;">
[[:{{ns:image}}:Flower.jpg]]
[[:{{ns:image}}:Flower.jpg|Gambar bunga]]
</div>
;Sebagai pranala langsung ke berkas gambar:
Anda dapat menggunakan ruang nama alias "{{ns:media}}" untuk memberikan pranala langsung ke berkas/gambar yang bersangkutan, tanpa melalui halaman keterangan gambar.
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki>[[</nowiki>{{ns:media}}:Flower.jpg]]
<nowiki>[[</nowiki>{{ns:media}}:Flower.jpg|Gambar bunga]]
</div>
akan menghasilkan:
<div style="margin: 0 0 2em 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;">
[[{{ns:media}}:Flower.jpg]]
[[{{ns:media}}:Flower.jpg|Gambar bunga]]
</div>
'''Anda juga dapat menggunakan: '''
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki>[[</nowiki>{{#special:Filepath}}/{{mediawiki:image_sample}}]]
</div>
sebagai pranala ke sebuah berkas, bahkan sekalipun berkas/gambar tersebut tidak ada. Anda juga dapat menggunakan:
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki>{{</nowiki>FILEPATH:{{mediawiki:image_sample}}<nowiki>}}</nowiki>
</div>
yang akan menghasilkan sebuah URL eksternal suatu berkas:
<div style="margin: 0 0 2em 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;">
{{FILEPATH:{{mediawiki:image_sample}}}}
</div>
== Lihat pula ==
* [[Wikipedia:Kebijakan penggunaan gambar|Kebijakan penggunaan gambar]]
* [[Bantuan:Pemuatan|Bagaimana memuat gambar]]
* [[Wikipedia:Memuat gambar dari Wikipedia lain|Bagaimana memuat gambar dari Wikipedia lain]].
* [[Wikipedia:Tutorial (Berkas)]]
[[Kategori:Bantuan]]
[[Kategori:Informasi dasar Wikipedia]]
[[Kategori:Bantuan gambar Wikipedia]]
| 