Wikipedia:Markah wiki/Gambar dan tabel: Perbedaan antara revisi

Tambah pranala
Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Jelajahi riwayat secara interaktif
← Revisi sebelumnyaRevisi selanjutnya →
Konten dihapus Konten ditambahkan
VisualTeks wiki
Tidak ada ringkasan suntingan
Tidak ada ringkasan suntingan
Baris 11: Baris 11:
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]]'''.
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]]'''.


=== Sederhana ===
=== Berkas gambar ===
{{utama|Bantuan:Berkas}}
{| class="wikitable"
{| class="wikitable"
|-
|-
Baris 52: Baris 53:
</nowiki></pre>
</nowiki></pre>
|}
|}
</div>


== Format lengkap ==
=== Tabel ===
{{utama|Bantuan:Tabel}}
Ada dua cara untuk membuat tabel:
# dengan elemen HTML biasa: &lt;table&gt;, &lt;tr&gt;, &lt;td&gt; or &lt;th&gt;. (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}}
|}
|}


== Membuat galeri gambar ==
=== Daftar isi ===
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>
</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:&nbsp;'''

<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]]
[[Kategori:Bantuan gambar Wikipedia]]

Revisi per 3 Oktober 2011 12.48

Di kolom sebelah kiri tabel berikut ini, Anda dapat melihat efek-efek apa saja yang dapat dilakukan di Wikipedia. Di kolom sebelah kanan, Anda dapat melihat bagaimana efek-efek tersebut diperoleh. Dengan kata lain, untuk membuat teks terlihat seperti apa yang terlihat di kolom sebelah kiri, ketikkan teks dalam format seperti yang ada di sebelah kanan.

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 Bak pasir.

Berkas gambar

Halaman utama: Bantuan:Berkas
Yang Anda ketikkan Hasil yang Anda dapatkan 
Sebuah gambar: [[Berkas:Contoh.jpg|thumb|Ensiklopedia Wikipedia]]

Tag thumb akan mengambangkan ke sebelah kanan halaman dengan ukuran default 120px dan dengan tulisan di bawah gambar (lihat di sebelah kanan)

Sebuah gambar:
Ensiklopedia Wikipedia
Sebuah gambar:[[Berkas:Contoh.jpg|right|100px|Ensiklopedia Wikipedia]]

Kita dapat menampilkan hanya gambar saja di sebelah kanan (right) halaman tanpa tulisan di bawah gambar dengan ukuran yang kita tentukan (100px)

Sebuah gambar:
Ensiklopedia Wikipedia
Ensiklopedia Wikipedia
  • Hanya gambar-gambar yang telah dimuat (diunggah) ke Wikipedia dapat digunakan. Untuk memuat gambar, gunakan halaman pemuatan. Anda dapat menemukan gambar yang telah dimuat di daftar berkas.
  • Lihat kebijakan penggunaan gambar untuk bantuan lebih lanjut.
  • Teks alternatif, digunakan ketika gambar tidak ditampilkan, dalam penjelajah yang hanya menampilkan teks atau ketika dibacakan komputer sangat dianjurkan.
  • Selalu tambahkan teks alternatif ke gambar, bahkan jika ia tak mempunyai tulisan di bawahnya sekalipun.

Mengklik pada gambar yang telah dimuat menampilkan halaman deskripsi yang juga dapat Anda sambungkan secara langsung menuju: Berkas:Contoh.jpg 


[[:Berkas:Contoh.jpg]]

Untuk memasukkan pranala ke gambar yang ditampilkan sebagai pranala daripada hanya sekedar diletakkan di halamannya, gunakan pranala "media".


Gambar sebuah Tornado 



[[Media:Tornado.jpg|Gambar sebuah Tornado]]

Tabel

Halaman utama: Bantuan:Tabel

Ada dua cara untuk membuat tabel:

  1. dengan elemen HTML biasa: <table>, <tr>, <td> or <th>. (tidak dianjurkan)
  2. dengan markup-Wiki khusus

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

Daftar isi

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 __TOC__ di manapun di halaman tersebut memaksa TOC untuk muncul di bagian tersebut (daripada di bagian awal). Meletakkan __NOTOC__ di manapun di halaman tersebut memaksa TOC untuk menghilang.

Diperoleh dari "https://wiki-indonesia.club/w/index.php?title=Wikipedia:Markah_wiki/Gambar_dan_tabel&oldid=4795872"