Wikipedia:Tutorial (Berkas): Perbedaan antara revisi

Konten dihapus Konten ditambahkan
k bot kosmetik perubahan
Baris 24:
Perhatikan bagaimana gambar membagi teks menjadi dua bagian, tergantung di mana perintah penempatan gambar diletakkan.
 
ut nibh id dolor varius sollicitudin. Integer auctor, justo ac tristique venenatis, turpis leo vulputate dui, hendrerit suscipit risus turpis a urna. Nullam magna nulla, semper sed posuere id, pretium quis turpis. Suspendisse tempor elementum purus quis convallis. Mauris ut lorem vitae nisl rhoncus porta sed id mi. Vivamus nec enim vel odio bibendum placerat. Duis nec elit velit. Sed non ante sed purus condimentum feugiat eget vitae est. Fusce eleifend elementum nibh id gravida. In venenatis blandit lorem, nec elementum velit rutrum ut. Donec convallis lacus nec lorem euismod tempor. Aliquam a erat eros, sed lacinia tortor. Aliquam ultrices adipiscing velit tristique gravida. Curabitur sed felis eget risus consectetur interdum. Ut euismod interdum diam sed aliquet. Vestibulum ornare odio eu elit venenatis ut mollis leo imperdiet. Curabitur rhoncus lorem nec libero egestas tincidunt sit amet a arcu.
== Menentukan peletakan ==
 
Sekarang, kita ingin menentukan apakah gambar mengambang (float) diantara teks atau tidak, dan menentukan disebelah mana gambar diletakkan (kiri, kanan, dll). Untuk itu kita hanya perlu menambah perintah penentuan letak.
 
=== Contoh 1 - Rata kanan, mengambang ===
'''<nowiki>[[Berkas:Wikipedesketch1.png|right]]</nowiki>'''
 
<span style="color:#996633">Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus. *</span>
[[Berkas:Wikipedesketch1.png|right]]
<span style="color:#996633">* Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
 
<span style="color:#996633">Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus. Ut consectetuer gravida elit. Aenean est nunc, varius sed, aliquam eu, feugiat sit amet, metus. Sed venenatis odio id eros.</span>
 
<span style="color:#996633">Phasellus placerat purus vel mi. In hac habitasse platea dictumst. Donec aliquam porta odio. Ut facilisis. Donec ornare ipsum ut massa. In tellus tellus, imperdiet ac, accumsan at, aliquam vitae, velit.</span>
<br style="clear:both;">
 
=== Contoh 2 - Rata kanan, mengambang, dengan judul ===
Kita biasanya menaruh perintah ini di awal paragraf, sehingga gambar akan mengambang di sebelah kanan paragraf. Umumnya kita melihat perintah ini di awal sebuah artikel.
 
'''<nowiki>[[Berkas:Wikipedesketch1.png|frame|right|Ini adalah judul gambar]]</nowiki>'''
 
<span style="color:#996633"></span>
 
[[Berkas:Wikipedesketch1.png|frame|right|Ini adalah judul gambar]]
 
<span style="color:#996633">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
 
<span style="color:#996633">Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
<br style="clear:both;">
 
=== Contoh 3 - Rata kiri, mengambang ===
'''<nowiki>[[Berkas:Wikipedesketch1.png|left]]</nowiki>'''
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. *</span>
[[Berkas:Wikipedesketch1.png|left]]
<span style="color:#996633">* Mauris at ipsum vitae est lacinia tincidunt. Maecenas elit orci, gravida ut, molestie non, venenatis vel, lorem. Sed lacinia. Suspendisse potenti.
Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.
Morbi dictum. Vestibulum adipiscing pulvinar quam. In aliquam rhoncus sem. In mi erat, sodales eget, pretium interdum, malesuada ac, augue. Aliquam sollicitudin, massa ut vestibulum posuere, massa arcu elementum purus, eget vehicula lorem metus vel libero. Sed in dui id lectus commodo elementum. Etiam rhoncus tortor. Proin a lorem. Ut nec velit. Quisque varius. Proin nonummy justo dictum sapien tincidunt iaculis. Duis lobortis pellentesque risus. Aenean ut tortor imperdiet dolor scelerisque bibendum. Fusce metus nibh, adipiscing id, ullamcorper at, consequat a, nulla.</span>
 
<span style="color:#996633">Phasellus orci. Etiam tempor elit auctor magna. Nullam nibh velit, vestibulum ut, eleifend non, pulvinar eget, enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer velit mauris, convallis a, congue sed, placerat id, odio. Etiam venenatis tortor sed lectus. Nulla non orci. In egestas porttitor quam. Duis nec diam eget nibh mattis tempus. Curabitur accumsan pede id odio. Nunc vitae libero. Aenean condimentum diam et turpis. Vestibulum non risus.</span>
<br style="clear:both;">
 
=== Contoh 4 - Tidak mengambang ===
'''<nowiki>[[Berkas:Wikipedesketch1.png|none]]</nowiki>'''
 
<span style="color:#996633">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante. Mauris at ipsum vitae est lacinia tincidunt. *</span>
[[Berkas:Wikipedesketch1.png|none|]]
<span style="color:#996633">* Sed lacinia. Suspendisse potenti. Sed ultricies cursus lectus. In id magna sit amet nibh suscipit euismod. Integer enim. Donec sapien ante, accumsan ut, sodales commodo, auctor quis, lacus. Maecenas a elit lacinia urna posuere sodales. Curabitur pede pede, molestie id, blandit vitae, varius ac, purus.</span>
 
== Pembingkaian dan penambahan judul ==