Tulisan ini merupakan kelanjutan dari tulisan saya mengenai HTML untuk tingkat lanjut, bagi kamu yang baru bela jar sangat disarankan untuk membaca terlebih dulu materi awal kita yaitu Dasar-Dasar HTML.
3. Grafik dalam Halaman Web
Biasanya orang menggunakan gambar untuk memperindah situsnya. HTML menyediakan tag <IMG> untuk menampilkan gambar dalam halaman web. Dari berbagai macam format gambar yang ada, hanya beberapa saja yang bisa dipergunakan dalam membuat halaman web. Format gambar yang paling sering digunakan adalah GIF dan JPEG. Format penulisannya adalah:
<IMG SRC = �file_gambar� ALT = �nama_alternatif�>
Atribut SRC digunakan untuk menentukan sumber gambar. Atribut ALT berfungsi sebagai teks pengganti gambar untuk browser yang tidak bisa mendukung grafik, atau pada pihak client sengaja mematikan fasilitas pemanggilan gambar.
Contoh:
<HTML>
<HEAD>
<TITLE>Grafik dalam halaman web</TITLE>
</HEAD>
<BODY>
<P ALIGN="left">www.pakde-smart75.blogspot.com</P>
<P ALIGN="left"><IMG SRC="intec.gif" ALT="The Performance of Higher Education"></P>
</BODY>
</HTML>
Beberapa atribut pada tag <IMG> yang biasa digunakan dalam halaman-halaman web.
* BORDER : memberikan suatu border atau batas pada gambar, default-nya = 0
* HEIGHT, WIDTH : menentukan tinggi dan lebar suatu gambar dalam ukuran pixel
* HSPACE, VSPACE : menentukan jarak spasi horizontal dan spasi vertikal antara gambar-gambar dengan objek di sekitarnya
* ALIGN : mengatur perataan gambar terhadap objek di sekelilingnya. Nilainya bisa berupa LEFT, CENTER, RIGHT, BOTTOM, TOP dan MIDDLE
Contoh:
<HTML>
<HEAD>
<TITLE>Atribut IMG </TITLE>
</HEAD>
<BODY>
<P>The Performance of Higher Education, VSPACE = 20
<BR>
<IMG SRC="intec.gif" WIDTH="270" HEIGTH="70" ALT="intec HM" BORDER="2"
HSPACE="20" VSPACE="20">
<BR>
www.pakde-smart75.blogspot.com, HSPACE = 20</P>
<P>Jl. Brigjend Zein Hamid No. 40 Medan<IMG SRC=" intec.gif" WIDTH="203" HEIGHT="60"
ALT=" The Performance of Higher Education" HSPACE="20">Medan, HSPACE = 20
<BR>
</P>
</BODY>
</HTML>
4. Table
Tabel banyak digunakan karena dapat menampilkan informasi dengan bentuk yang ringkas dan mudah dibaca. Untuk membuat tabel digunakan tag awal <TABLE> dan tag penutup </TABLE>. Tag <TABLE> mewakili beberapa bagian penting, yaitu:
* CAPTION> � </CAPTION> digunakan untuk membentuk judul tabel. Judul tabel ini akan terletak diluar tabel, bisa di bagian atas atau bagian bawah tabel
* <TH> � </TH> berfungsi untuk meletakkan judul tabel di bagian peling atas atau paling kiri dari suatu tabel
* <TD> � </TD> digunakan sebagai tempat menulis data atau informasi dalam tabel
Contoh:
<HTML>
<HEAD>
<TITLE>Tabel</TITLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION>Seputar Calciomeecato</CAPTION>
<TR>
<TH>Nama Klub</TH>
<TH>Berita</TH>
</TR>
<TR>
<TD>Fiorentina</TD>
<TD>Fiorentina mendatangkan Nuno Gomes untuk menggantikan sang legenda Batigol</TD>
</TR>
<TR>
<TD>Lazio</TD>
<TD>Lazio menjadi klub dengan rekor pembelian pemain sebesar 240 miliar lira!</TD>
</TR>
<TR>
<TD>Perugia</TD>
<TD>Ahn Jung-Whan resmi menjadi pemain pinjaman Perugia</TD>
</TR>
<TR>
<TD>Udinese</TD>
<TD>Pemain Spanyol berusia 23 tahun, Luis Helguera menjadi pemain Udinese <BR>
dengan transfer senilai 349 juta lira</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Table ALIGN dan WIDTH
Perataan horizontal tabel menggunakan atribut ALIGN. ALIGN dapat bernilai LEFT untuk perataan kiri, CENTER untuk perataan di tengah dan RIGHT untuk perataan di kanan. Sedangkan untuk perataan vertikal menggunakan atribut VALIGN. VALIGN dapat bernilai TOP untuk perataan atas, MIDDLE untuk perataan di tengah dan BOTTOM untuk perataan di bawah.
Lebar tabel biasanya diatur menggunakan atribut WIDTH. Nilai WIDTH dapat dinyatakan dengan persen (%) yang menyatakan lebar tabel dalam persentase atau dinyatakan dengan pixel yang berarti ukuran sesungguhnya dari tabel.
Contoh:
<HTML>
<HEAD>
<TITLE>Tabel dengan WIDTH dan ALIGN</TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="88%" HEIGHT="210">
<TR>
<TD WIDTH="30%" HEIGHT="110" VALIGN="top">Lihatlah VALIGN="top"<br>
Janganlah merasa malu mempelajari sesuatu yang tidak diketahuinya</TD>
<TD WIDTH="34%" HEIGHT="110" VALIGN="middle">Bandingkan dengan VALIGN ="middle"<br>
</TD>
<TD WIDTH="36%" HEIGHT="110" VALIGN="bottom">bagaimana dengan ini VALIGN="bottom"</TD>
</TR>
<TR>
<TD WIDTH="30%" HEIGHT="100" ALIGN="left">kalo ini ALIGN="left"</TD>
<TD WIDTH="34%" HEIGHT="100" ALIGN="center">ALIGN="center"</TD>
<TD WIDTH="36%" HEIGHT="100" ALIGN="right">Dunia diciptakan untuk
semua makhluk, bukan untuk kepentingan dunia itu sendiri, dan ini dengan ALIGN = "right"</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Table CELLSPACING dan CELLPADDING
Atribut CELLSPACING digunakan untuk menentukan jumlah spasi yang terdapat di antara dua buah sel. CELLPADDING berfungsi untuk mengatur jumlah spasi yang terdapat di antara batas/border dengan isi atau teks di dalam sel tersebut
Contoh:
<HTML>
<HEAD>
<TITLE>Tabel dengan CELLSPACING dan CELLPADDING</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="3" CELLPADDING="5" CELLSPACING="5" WIDTH="85%">
<TR>
<TD WIDTH="43%">baris 1, kolom 1</TD>
<TD WIDTH="57%">baris 1, kolom 2</TD>
</TR>
<TR>
<TD WIDTH="43%">baris 2, kolom 1</TD>
<TD WIDTH="57%">baris 2, kolom 2</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Table COLSPAN dan ROWSPAN
Atribut COLSPAN digunakan untuk menghubungkan beberapa kolom menjadi satu kolom. Sedangkan ROWSPAN digunakan untuk menggabungkan beberapa baris menjadi satu.
Contoh:
<HTML>
<HEAD>
<TITLE>Tabel dengan ROWSPAN dan
COLSPAN</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="3" CELLPADDING="5" CELLSPACING="5" WIDTH="85%">
<TR>
<TD WIDTH="43%" ROWSPAN="2">baris 1, kolom 1<P>baris 2, kolom 1</TD>
<TD WIDTH="57%">baris 1, kolom 2</TD>
</TR>
<TR>
<TD WIDTH="57%">baris 2, kolom 2</TD>
</TR>
<TR>
<TD WIDTH="100%" COLSPAN="2">baris 3, kolom 1<P>baris 3, kolom 2</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Table COLOR
Anda bisa memberi warna pada tabel. Selain warna latar belakang, border tabel bisa juga ditentukan warnanya. Untuk latar belakang digunakan atribut BGCOLOR, sedangkan untuk memberi warna pada border gunakan atribut BORDERCOLOR.
Contoh:
<HTML>
<HEAD>
<TITLE>Tabel dengan ROWSPAN dan COLSPAN</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="3" CELLPADDING="3" CELLSPACING="5" WIDTH="100%" BORDERCOLOR="#FF0000">
<TR>
<TD WIDTH="50%" BGCOLOR="#808080"> </TD>
<TD WIDTH="50%"> </TD>
</TR>
<TR>
<TD WIDTH="50%"> </TD>
<TD WIDTH="50%" BGCOLOR="#008080"> </TD>
</TR>
</TABLE>
<TABLE BORDER="3" CELLPADDING="3" CELLSPACING="5" WIDTH="100%" BORDERCOLORLIGHT="#008080"
BORDERCOLORDARK="#800080">
<TR>
<TD WIDTH="100%"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
Jumat, Juli 25, 2008
Struktur Dokumen HTML Mahir-2
Struktur Dokumen HTML Mahir-1
Pembahasan berikut dilanjutkan dengan bagaimana cara menggunakan grafik dalam halaman web. Tabel merupakan salah satu perintah yang pasti akan dipakai dalam membuat halaman web. Setelah pembahasan tabel, Anda akan mempelajari salah satu bagian terpenting dalam halaman web yang dinamis, yaitu form dan input
1. Ordered List
Ordered list digunakan untuk membuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Ordered list dimulai dengan menggunakan tag <OL> dan diakhiri </OL>. Untuk menyatakan tiap bagiannya digunakan tag <LI> dimana tag ini tidak menggunakan penutup.
Contoh:
<HTML>
<HEAD><TITLE>Ordered List</TITLE></HEAD>
<BODY>
Empat besar pemain termahal di dunia
<OL>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
</BODY>
<HTML>
Ketika menggunakan perintah ordered list maka default penomoran adalah 1, 2, 3, �, Anda bisa mengubah nomor tersebut menggunakan atribut TYPE pada tag <OL>.
* TYPE = 1 ; daftar berurut dengan nomor 1, 2, 3 (default)
* TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi besar (I, II, III, IV, �)
* TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi huruf kecil (i, ii, iii, iv,.)
* TYPE = A ; daftar berurut dengan menggunakan abjad besar (A, B, C, D, �)
* TYPE = a ; daftar berurut dengan menggunakan abjad kecil (a, b, c, d, �)
Selain mengubah jenis penomoran, HTML juga menyediakan perintah untuk menentukan nilai awal penomoran. Atribut yang digunakan adalah START = n, dimana n adalah nilai awal penomoran.
Contoh:
<HTML>
<HEAD>
<TITLE>OL dengan atribut</TITLE>
</HEAD>
<BODY>
<OL TYPE=A>
<LI>Daftar empat pemain termahal didunia
<OL TYPE=I>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
<LI>Urutan lima sampai delapan
<OL TYPE=1 START=5>
<LI>Denilson
<LI>Gabriel Batigol
<LI>Ronaldo
<LI>Amoroso
</OL>
</OL>
</BODY>
<HTML>
2. Unordered List
Berbeda dengan ordered list, dalam unordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Tanda bullet menjadi defaultdalam unordered list. Untuk membuat daftar dengan tanda ini digunakan tag awal <UL> dan tag akhir </UL>. Sama seperti ordered list, untuk tiap-tiap bagian digunakan <LI> tanpa tag penutup.
Contoh:
<HTML>
<HEAD>
<TITLE>Unordered List</TITLE>
</HEAD>
<BODY>
Empat besar Seri-A Liga Indonesia
<UL>
<LI>PSM Makassar
<LI>Pupuk Kaltim
<LI>Persikota
<LI>Persija Pusat
</UL>
</BODY>
<HTML>
Selain default tanda bullet, Anda bisa menggunakan tanda cakram/disk, lingkaran, atau kotak. Caranya dengan menggunakan atribut TYPE pada tag <UL>
Contoh:
<HTML>
<HEAD>
<TITLE>UL dengan atribut</TITLE>
</HEAD>
<BODY>
Klub sepakbola di Jawa Timur
<UL TYPE=square>
<LI>Mitra Surabaya
<LI>Persebaya
<LI>Persija Jember
</UL>
</BODY>
<HTML>
Struktur Dokumen HTML Lanjutan...
Ini adalah bagian terakhir dari seri Dasar-Dasar HTML. Selanjutnya saya akan mencoba nantinya untuk menulis HTML untuk tingkat lanjut.
9. Link
Perintah anchor <A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = �nama_dokumen�>Teks pada browser</A>.
Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>. Misalnya <A NAME = �Bugs�</A>. Cara melakukan link ke bagian tersebut adalah <A HREF = �#nama_anchor�>teks pada browser</A>.
Contoh:
<HTML>
<HEAD>
<TITLE>Link</TITLE>
</HEAD>
<BODY>
<A NAME=�lengkap�>Pemain-pemain AC Milan menurut abjad</A>
<BLOCKQUOTE>
<P>Abbiati ,<A HREF=�#abbiati�>info lengkap</A>
<P>Ayala
<P>Ambrosini
<P>Albertini
<P>Boban
<P>
<A HREF=�linktujuan.html�>kalo mau tahu lagi klik disini</A>
</BLOCKQUOTE>
<P><A NAME=�abbiati�>Abbiati</A>
<BLOCKQUOTE>
<P>Kiper ketiga timnas Italia runner up Euro 2000
<BR>Kiper utama U-21 juara Piala Eropa U-21
<BR>Kiper utama AC Milan juara Seri-A 1998-1999
</BLOCKQUOTE>
<P><A HREF=�#lengkap�>kembali ke atas</A>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Link tujuan</TITLE>
</HEAD>
<BODY>
<P ALIGN=�center�> InTEC Smart75
<BR>Information
<BR>Education
<BR>General
<BR><A HREF=�Intec.html�>kembali</A>
</BODY>
</HTML>
Struktur Dokumen HTML Lanjutan
3. Blockquote
Perintah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring.
Contoh:
<HTML>
<HEAD>
<TITLE>BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H3>Sesuatu yang tidak perlu dicoba</H3>
<BLOCKQUOTE>
Sesuatu yang kelihatan mengasyikkan tapi sebenarnya lebih banyak menambah masalah pada remaja adalah narkoba, seks, alkohol dan merokok. Jangan sekali-kali mencoba jika tidak ingin membuat masalah baru
</BLOCKQUOTE>
</BODY>
</HTML>
4. Preformatted Text
Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
Contoh:
<HTML>
<HEAD>
<TITLE>Preformatted Text</TITLE>
</HEAD>
<BODY>
<PRE>
Edisi yang lalu dibahas tentang membuat billing system untuk warnet yang dapat langsung mencetak tagihan.
Kali ini diulas bagaimana menyimpan setiap transaksi dalam database agar bisa diperoleh beberapa laporan secara periodik.
</PRE>
</BODY>
</HTML>
5. Begin Row (BR)
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <BR> membuat baris baru tanpa memberi baris kosong di bawahnya.
Contoh:
<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>
<P>Banyak cara yang dapat digunakan untuk melakukan instalasi FreeBSD. Namun ada tiga cara yang paling sering dilakukan ,yaitu:
<BR>Instalasi melalui FTP
<BR>Instalasi melalui CDROM
<BR>Instalasi melalui partisi DOS
</BODY>
</HTML>
6. Ukuran Font
Untuk mengatur huruf dokumen HTML digunakan tag <FONT SIZE>. Tag <FONT SIZE> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.
Contoh:
<HTML>
<HEAD>
<TITLE>Ukuran font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>Ukuran font 1</FONT>
<FONT SIZE=2>Ukuran font 2</FONT>
<FONT SIZE=3>Ukuran font 3</FONT>
<FONT SIZE=4>Ukuran font 4</FONT>
<FONT SIZE=5>Ukuran font 5</FONT>
<FONT SIZE=6>Ukuran font 6</FONT>
<FONT SIZE=7>Ukuran font 7</FONT>
</BODY>
</HTML>
7. Jenis Font
Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Atribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya.
Contoh:
<HTML>
<HEAD>
<TITLE>Jenis Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT FACE = �Arial�>Arial, contoh AC Milan <P>
<FONT FACE = �Verdana�>Verdana , contoh Persebaya <P>
<FONT FACE = �Times New Roman�>Times New Roman, contoh Indonesia <P>
</BODY>
</HTML>
8. Warna Font
Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Red, Blue, Yellow, White, dll. Sedangkan cara kedua adalah dengan menggunakan nilai RGB (Red Green Blue) dari suatu warna, misalnya FF0000 untuk Red, 00FF00 untuk green, dan 0000FF untuk Blue.
Contoh:
<HTML>
<HEAD>
<TITLE>Warna Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT COLOR = �red�>PSM Makassar<P>
<FONT COLOR = �#FF0000�>tetap PSM Makassar kan?<P>
<FONT COLOR = �#00FF00�>Ini baru Persebaya<P>
</BODY>
</HTML>
Struktur Dokumen HTML
Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:
<HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
Contoh:
<HTML>
<HEAD>
<TITLE>Selamat datang di Homepage Saya</TITLE>
</HEAD>
<BODY>
Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama.
</BODY>
</HTML>
Keterangan:
* Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
Untuk melihat hasilnya, silakan jalankan browser favorit Anda dengan menggunakan Microsoft Internet Explorer.
Referensi Tag HTML
1. Heading
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Contoh:
<HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>
2. Paragraf
Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.
Contoh:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN=�right�>
Rumusan permasalahan disajikan secara singkat dalam bentuk kalimat tanya, yang isinya mencerminkan adanya permasalahan yang perlu dipecahkan atau adanya permasalahan yang perlu untuk dijawab
<P ALIGN=�center�>
Rumusan permasalahan disajikan secara singkat dalam bentuk kalimat tanya, yang isinya mencerminkan adanya permasalahan yang perlu dipecahkan atau adanya permasalahan yang perlu untuk dijawab
<P ALIGN=�left�>
Rumusan permasalahan disajikan secara singkat dalam bentuk kalimat tanya, yang isinya mencerminkan adanya permasalahan yang perlu dipecahkan atau adanya permasalahan yang perlu untuk dijawab
</P>
</BODY>
</HTML>
Sejarah HTML
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Dasar-Dasar HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
Kamis, Juli 24, 2008
Bank Soal Ekonomi UAN-3
1. Pada akhir periode Koperasi Mekar memiliki SHU Rp 4.000.000, menurut Anggaran dasar dan anggaran rumah tangga pembagian SHU sebagai berikut:
*· Jasa penjualan 25 %
*. Jasa modal 20 %
*· Jasa Pengurus 10 %
*· Dana Cadangan 40 %
*· Dana Pegawai 5 %
Modal anggota Rp 5.000.000 dan Penjualan kepada anggota Rp 6.000.000
Andi selaku anggota memiliki data transaksi sebagai berikut : simpanan pokok
Rp 100.000, simpanan wajib Rp 400.000 . Bagian SHU berapa?
A. 50.000
B. 80.000
C. 100.000
D. 130.000
E. 150.000
2. Dari daftar saldo dibawah ini yang memiliki saldo debet adalah….. 
A. A
B. B
C. C
D. D
E. E
3. Jurnal Penyesuaian untuk pemakaian Iklan dibayar dimuka Rp 400.000 sebagai berikut: 
A. A
B. B
C. C
D. D
E. E
4. Perhatikan sebagian neraca lajur Koperasi Mekar:
Dari neraca lajur dibawah ini, pekiraan yang benar penyelesaian neraca lajurnya adalah nomor…. 
A. 1, 2 dan 3
B. 2, 3 dan 4
C. 2, 3 dan 5
D. 4, 5 dan 6
E. 1, 4 dan 6
5. Pada neraca saldo 31 Desember 2004 Koperasi’ Amanah†tercatat sewa dibayar dimuka sebesar Rp 2.400.000. Menurut data sewa tersebut dibayar pada 1 September 2004untuk masa 1 tahun. Maka jurnal penyesuaian pada 31 Desember 2004 adalah…… 
A. A
B. B
C. C
D. D
E. E
6. Beberapa sumber modal suatu badan usaha:
1.Simpanan pokok
2.Simpanan sukarela
3.cadangan SHU
4.saham dan obligasi
dari data diatas yang merupakan modal sendiri dari koperasi adalah nomor….
A. 1 dan 2
B. 2 dan 3
C. 1 dan 3
D. 3 dan 4
E. 2 dan 4
7. Pada tanggal 20 Mei 2005 dibeli dari Toko Maju, barang dagang Rp 2.500.000, secara tunai ,maka jurnal yang dibuat adalah….. 
A. A
B. B
C. C
D. D
E. E
8. Perhatikan sebagian neraca lajur Koperasi Melati:
Dari neraca lajur di bawah ini, koperasi melati pada akhir periode akan memperoleh SHU sebesar….
A. SHU 7.250
B. SHU 5.250
C. SHU 4.000
D. SHU 2500
E. SHU 1000
9. Berikut Daftar saldo pada 31 Desember 2004 Pada Koperasi Sejahtera: 
A. A
B. B
C. C
D. D
E. E
10. Koperasi Sejahtra pada 31 Desember 2004 memiliki data sebagai berikut:
· Persediaan barang dagang awal Rp 2.300.000
· Persediaan barang dagang akhir Rp 1.500.000
· Penjualan barang pada anggota Rp 6.250.000
· Penjualan barang pada Non. Anggota Rp 1.000.000
· Retur penjualan dan pot. Harga Rp 250.000
· Pembelian barang dagang Rp 2.000.000
· Beban angkut pembelian Rp 700.000
· Beban gaji karyawan Rp 400.000
· Beban administrasi Rp 100.000
Dari data tersebut SHU Koperasi Sejahtra pada periode 31 Desember 2004 sebesar……
A. 1.000.000
B. 1.500.000
C. 2.000.000
D. 2.500.000
E. 3.000.000
11. Perhatikan sebagian neraca lajur Koperasi Melati:
Dari neraca lajur diatas maka koperasi melati pada akhir periode akan mengalami….
A. laba 5.250
B. rugi 5.250
C. laba 4.500
D. rugi 4.500
E. balance
12. Perhatikan jurnal khusus koperasi “ Makmur†dibawah ini:
dari jurnal penjualan dibawah ini maka posting kedalam besar pembantu yang benar adalah…. 
A. A
B. B
C. C
D. D
E. E
13. Dari data tersebut Arus kas dari aktivitas Pendanaan menurut metode langsung sebesar..... 
A. 430.000
B. 500.000
C. 967.000
D. 1.100.000
E. 1.250.000
14. Di neraca saldo per 31 Desember 2004 tercatat beban gaji Rp 2.250.000, sampai akhir periode ternyata gaji yang masih harus dibayar Rp 750.000,maka jurnal penyesuaian yang harus dibuat adalah….. 
A. A
B. B
C. C
D. D
E. E
15. Berikut jurnal penutup untuk perkiraan Beban gaji pegawai Rp 850.000 koperasi adalah… 
A. A
B. B
C. C
D. D
E. E
16. Perhatikan jurnal khusus koperasi “ Makmur†dibawah ini:
dari jurnal penjualan dibawah ini maka posting kedalam besar pembantu yang benar adalah….
A. A
B. B
C. C
D. D
E. E
17. Diterima dari Anggota Baru uang tunai sebesar Rp 150.000, sebagai simpanan pokok, maka jurnalnya adalah : 
A. A
B. B
C. C
D. D
E. E
18. Pada akhir periode Koperasi Mekar memiliki SHU Rp 4.000.000, menurut Anggaran dasar dan anggaran rumah tangga pembagian SHU sebagai berikut:
· Jasa penjualan 25 %
· Jasa modal 20 %
· Jasa Pengurus 10 %
· Dana Cadangan 40 %
· Dana Pegawai 5 %
Dari data tersebut maka besarnya bagian SHU untuk jasa pengurus adalah…
A. 400.000
B. 800.000
C. 1.000.000
D. 1.400.000
E. 1.600.000
19. Perhatikan sebagian neraca lajur Koperasi Mekar:
Dari neraca lajur di bawah ini, pekiraan yang benar penyelesaian neraca lajurnya adalah nomor…. 
A. 1, 2 dan 3
B. 2, 3 dan 4
C. 2, 3 dan 5
D. 4, 5 dan 6
E. 1, 4 dan 6
20. Berikut daftar saldo buku besar sebuah koperasi:
Dari daftar saldo diatas ,maka setelah penutupan yang tercatat saldonya di neraca setelah penutupan adalah perkiraan nomor…. 
A. 1, 2 dan 4
B. 3, 4 dan 5
C. 1, 2 dan 5
D. 2, 3 dan 4
E. 5, 6 dan 7
Bank Soal Ekonomi UAN-2
1. PT. Adinda meminjam uang sebesar Rp. 5.000.000,00 di bank dengan bunga majemuk 2% per bulan, maka besarnya pengembalian setelah 2 tahun adalah ….
A. Rp. 5.100.500,00
B. Rp. 6.768.000,00
C. Rp. 7.688.000,00
D. Rp. 8.042.186,00
E. Rp. 8.142.180,00
2. Pada tanggal 15 September 2002 Tuan Sukarto menarik wesel senilai Rp. 9.000.000,00pada Tuan Fadil yang akan dibayar tanggal 15 Desember 2002, pada tanggal 6 oktoberl 2002 wesel tersebut didiskontokan kepada BRI cabang Jatinegara dengan diskonto 10% setahun dan diterima per kas harga tunainya, maka besarnya nilai tunai wesel setelah didiskontokan adalah ...
A. Rp. 9.416.000,00
B. Rp. 9 015.000,00
C. Rp. 8.825.000,00
D. Rp. 7.240.000,00
E. Rp. 5.175.000,00
3. Perhatikan Laporan laba/rugi per 31 Desember 2004 !
Dari data tersebut maka besarnya return on Total Assets adalah…..
A. 16,79
B. 26,88
C. 56,45
D. 86,48
E. 97,34
4. Kendaraan dibeli perusahaan Rp 16.000.000 dan ditaksir nilai residu Rp 1.000.000 dan umur ekonomisnya 3 tahun , maka besarnya nilai penyusuatan setiap tahun adalah
A. 1.000.000
B. 2.000.000
C. 3.000.000
D. 4.000.000
E. 5.000.000
5. Perhatikan Neraca per 31 Desember 2004 di bawah ini!
Dari data tersebut rasio sebesar ....
A. 198,24%
B. 208,33%
C. 214.56%
D. 234,67%
E. 254,16%
6. Berikut adalah karakteristik pembayaran pinjaman
1. pembayaran pinjaman setiap periodenya bertambah
2. pembayaran pinjaman setiap periodenya berkurang
3. pembayaran pinjaman setiap periode tetap
4. pembayaran pinjaman naik turun
5. pembayaran pinjaman berubah
dari kerakteristik pembayaran pinjaman diatas yang menunjukan karekteristik pembayaran pinjaman dengan cara anuitas adalah nomor....
A. 1
B. 2
C. 3
D. 4
E. 5
7. Dari hasil perhitungan current rasio sebesar 150% artinya ...
A. aktiva lancar 1,5 dibandingkan hutang lancar 1
B. aktiva lancar 1 dibandingkan hutang lancar 1,5
C. aktiva lancar 1 dibandingkan hutang lancar 1
D. aktiva lancar 1 dibandingkan hutang lancar 2,5
E. aktiva lancar 0,5 dibandingkan hutang lancar 1
8. Dari hasil perhitungan diperoleh nilai debt ratio sebesar 25,36, artinya...
A. besar hutang lebih besar dibandingkan total harta
B. besar harta lebih kecil dari pada total hutang
C. besar hutang lebih besar dari modal
D. besar hutang lebih kecil dari pada total harta
E. besar harta lebih kecil dari modal
9. Berikut beberapa karakter dari perhitungan bunga:
1. modal awal untuk periode berikutnya berubah
2. bunga tiap peiode jumlahnya uda kali dari besar bunga awal
3. modal awal untuk perhitungan periode berikutnya sama dengan modal sebelumnya
4. besarnya bunga setiap periode dihitung dengan rumus B = M.t.b
Dari karakter diatas maka yang merupakan karakteristik bunga tunggal adalah...
A. 1 dan 2
B. 2 dan 3
C. 1 dan 3
D. 3 dan 4
E. 1 dan 4
10. Burhan meminjam uang ke bank sebesesar Rp 3000.000, selama 2 tahun dengan bunga 12 % pertahun ,bila bunga dihitung dengan menggunakan bunga tungal,maka besarnya bunga yang harus dibayar Burhan adalah....
A. 850.000
B. 720.000
C. 600.000
D. 530.000
E. 420.000
11. Nilai perolehan kendaraan pada awal Juli 2003 sebesar Rp. 20.000.000,00 umur ekonomisnya ditaksir 4 tahun dengan nilai sisa Rp.2.000.000,00. Apabila penyusutan menggunakan metode jumlah angka tahun, maka penyusutan akhir tahun ke 4 sebesar ..
A. Rp. 1.800.000,00
B. Rp. 1.750.000,00
C. Rp 1.605.000,00
D. Rp. 1.100.000,00
E. Rp. 1.050.000,00
12. Modal sebesar Rp 500.000,dibungakan dengan cara majemuk,selama 2 tahun, suku bunga 4 % per tahun, pembungaan dilaku secara kuartalan.
Dari data tersebut banyaknya frekwensi pembungaan adalah ....
A. 1
B. 2
C. 3
D. 4
E. 5
13. Dari tabel persamaan antara bunga majemuk dan anuitas di bawah ini yang tidak benar adalah...
A. a
B. b
C. c
D. d
E. e
14. Pinjaman sebesar Rp. 20.000,00 akan dilunasi dengan anuitas sebesar Rp. 4.619,50 tiap akhir kuartal. Dasar bunga majemuk adalah 5% per kuartal. Jumlah angsuran dalam 2 kuartal pertama adalah ....
A. Rp. 3.619,50
B. Rp. 7.419,98
C. Rp. 3.800,48
D. Rp. 11.410,48
E. Rp. 12.580,02
15. Perhatikan Neraca per 31 Desember 2004 di bawah ini!
Dari data tersebut rasio sebesar ....
A. 92,91
B. 100,34
C. 115,65
D. 120,34
E. 145,75
16. Sebuah mesin di beli dengan harga perolehan Rp 30.000.000 ditaksir memiliki nilai residu Rp 6.000.000 . Kapasitas produksi mesin diperkirakan sebanyak 120.000 unit.Reaksasi produksi dapat diinformasikan sbb:
Tahun 2000 = 8.000 unit
Tahun 2001 = 10.000 unit
Tahun 2002 = 12.000 unit
Tahun 2003 = 18.000 unit
Berdasarkan data diatas besarnya beban penyusutan untuk tahun 2003. Jika menggunakan metode penyusutan unit produksi adalah ....
A. Rp 14.000.000
B. Rp 9.600.000
C. Rp 5.400.000
D. Rp 4.500.000
E. Rp 3.600.000
17. Berikut yang bukan merupak karakteristik bunga majemuk adalah….
A. Modal awal setiap periode besarnya tetap
B. Bunga baru merupakan penggabungan bunga periode sebelumnya
C. Modal awal untuk periode berikutnya merupakan modal sebelumnya ditambah bunga
D. Besar bunga dihitung dengan factor bunga (1 + i)n
E. Besar modal awal merupakan modal sebelumya ditambah bunga
18. Suatu pinjaman sebesar Rp. 850.000,00 harus dilunaskan dengan 6 anuitas. Jika suku bunga adalah 4% sebulan dan pembayaran pertama dilakukan setelah sebulan, maka besarnya anuitas adalah ...
A. Rp. 128.147,62
B. Rp. 144.148,64
C. Rp. 149.914,59
D. Rp. 155.911,18
E. Rp. 162.147,62
19. Perhatikan table penyusutan tariff tetap dibawah ini !
Berdasarkan metode tariff tetap maka nilai penyusutan tahun ke 1 adalah..
A. 6.000.000
B. 3.600.000
C. 2.160.000
D. 1.687.940
E. 1.302.111
20. Dari hasil perhitungan rasio 1,50 hal ini berarti...
A. jumlah harta lancar lebih banyak dari hutang lancar
B. jumlah harta lancar lebih sedikit dibandingkan hutang lancar
C. jumlah harta lancar lebih banyakan hutang jangka panjang
D. jumlah harta lebih sedikit dibandingkan dengan hutang lancar
E. jumlah harta lebih banyak dibandingkan dengan kewajiban
Bank Soal Ekonomi UAN
Soal: 1
Hasil pemikiran beberapa tokohpraklasik sebagai berikut:
1. biarkan manusia memilih pekerjaan sesuai dengan pembawaannya
2. alam adalah sumber kemakmuran suatu negara
3. pertanian merupakan kerja produktif
4. kekayaan negara dapat meningkat melalui perdagangan internasional
5. biarkan mereka bertindak dan biarkan mereka berbuat, alam akan mengatur dengan sendirinya
Yang menjadi pemikiran aliran Physiokrat adalah........
A. 1, 2, 3
B. 1, 3, 4
C. 2, 4, 5
D. 2, 3, 4
E. 2, 3, 5
Soal: 2
Berikut komponen neraca pembayaran
1. hasil dari luar negeri
2. pinjaman dari luar negeri
3. impor barang dari luar negeri
5. ekspor barang ke luar negeri
Yang termasuk unsur neraca perdagangan adalah..
A. 1 dan 2
B. 1 dan3
C. 2 dan 3
D. 2 dan 4
E. 3 dan 5
Soal: 3
Bila jumlah uang yang beredar 2000, kecepatan uang beredar 10 dan jumlah barang yang di perdagangkan 400, maka berdasarkan rumus MV = PT yang di kemukakan oleh Irving Fisher, nilai P adalah...
A. 5
B. 40
C. 50
D. 80
E. 200
Soal: 4
Diketahui :
Fungsi permintaan Q = 72 - 2P
Besarnya penerimaan marjinal pada Q = 20 adalah........
A. 16
B. 26
C. 36
D. 46
E. 56
Soal: 5
Berikut adalah ciri-ciri salah satu teori ekonomi, yaitu:
- segala sesuatu di dunia tertunduk pada hukum alam
-sumber kemakmuran adalah alam
- produksi adalah menambah jumlah barang
Ciri-ciri di atas berasal dari teori...
A. klasik
B. fisiokrat
C. historis
D. Austria
E. Manchester
Soal: 6
Berdasarkan grafik di bawah ini fungsi penawarnya adalah... 
A. 2Q= 3P + 12
B. -2Q = 3P - 12
C. 2Q = -3P - 12
D. 2Q = -3P+12
E. 2Q = 3P - 12
Soal: 7
Perdagangan internasional terjadi karena masing-masing negara memiliki keunggulan efisien dari produk yang dihasilkannya.
Hal ini di sesuaikan dengan teori keungulan ...
A. absolut
B. relatif
C. komperatif
D. spesialisasi
E. equal
Soal: 8
Pajak dapat dipergunakan sebagai sarana mengatur kegiatan konsumsi, produksi,dan perdagangan
Pajak tersebut mempunyai fungsi...
A. distribusi
B. moneter
C. budgeter
D. keadilan
E. reguler
Soal: 9
Faktor-faktor intern dalam pengelolaan badan usaha adalah...
A. sarana, kondisi, situasi, dan prasarana
B. sarana, prasarana, tenaga kerja dan dana
C. sarana, prasarana, dana, dan kebutuhan konsumen
D. kondisi, situasi, peraturan pemerintah dan sarana
E. kondisi,situasi ,kebutuhan konsumen, peraturan pemerintah
Soal: 10
Asti menyimpan uangnya di bank sebesar Rp 4.000.000,00 dengan bunga majemuk 20% pertahun. Pada akhir tahun ke-3 jumlah uang Asti adalah…
A. Rp 4.244.832,00
B. Rp 5.696.700,00
C. Rp 5.760.000,00
D. Rp 6.400.000,00
E. Rp 6.912.000,00
Soal Latihan Dasar2 Akuntansi-2
Ibu Citra mendirikan usaha fitness centre pada tanggal 1 Mei 2002.
Berikut ini transaksi-transaksi usaha Fitness Centre Citra pada bulan pertama
operasi Mei 2002 :
Mei 1 Citra menginvestasikan uang tunai sejumlah Rp 16.800.000 ke dalam
usaha
Mei 4 Dibayar di muka sewa untuk bulan Mei s/d Juli Rp 7.200.000
Mei 5 Dibeli peralatan seharga Rp 20.000.000 dari PT. Bona, dari jumlah
tersebut sebanyak Rp 5.000.000 dibayar tunai, sisanya akan dibayar
secara berangsur-angsur.
Mei 6 Dilakukan penjualan jasa fitness kepada pelanggan dan diterima Rp.
6.600.000 tunai.
Mei 7 Dilakukan penjualan jasa fitness kepada pelanggan secara kredit sebesar
Rp. 4.000.000 .
Mei 8 Dibayar rupa-rupa biaya Rp 248.000
Mei 9 Diterima Rp 1.800.000 dari piutang usaha
Mei 10 Citra mengambil uang dari perusahaan sebanyak Rp 420.000 untuk
keperluan pribadinya
Mei 14 Citra menambah investasinya sebanyak Rp 600.000 berupa uang tunai
ke dalam perusahaan
Mei 25 Citra memperbaiki mobilnya dengan menggunakan uang pribadi Rp
200.000
Mei 27 Diterima Rp 600.000 dari piutang usaha
Mei 28 Citra mengambil uang dari perusahaan untuk keperluan pribadinya Rp
60.000
Mei 28 Dibayar utang usaha kepada PT. Bona Rp 3.000.000
Keterangan tambahan pada 31 Mei 2001 :
• Atas peralatan harus diadakan penyusutan untuk bulan Mei sebanyak 1%
dari harga perolehannya
Modul Pelatihan Soal Dasar Dasar Akuntansi
Sistem Akuntansi Keuangan Daerah DEPUTI IV BPKP hal 7 dari 7
• Gaji pegawai untuk bulan Mei sebesar Rp 1.600.000 akan dibayar pada 1
Juni
Diminta :
a. Buatlah Jurnal untuk transaksi-transaksi di atas
b. Bukukanlah Jurnal-jurnal di atas ke dalam perkiraan-perkiraan yang sesuai
c. Susunlah sebuah Neraca Saldo per 31 Mei 2001
d. Siapkan Neraca Lajur dan masukkan Neraca Saldo di atas
e. Buatlah ayat-ayat Jurnal Penyesuaian per 31 Mei 2001 dan bukukanlah ke
dalam perkiraan-perkiraan buku besar yang sesuai
f. Lengkapi Neraca Lajur
g. Dengan pertolongan Neraca Lajur itu susunlah Neraca.
h. Buatlah ayat-ayat Jurnal Penutup dan bukukanlah ke dalam perkiraanperkiraan
Buku Besar
i. Susunlah Neraca Saldo Penutupan per 31 Mei 2001.
Daftar Perkiraan Buku Besar Fitness Center Citra
101 Kas
301 Modal Citra
102 Piutang Usaha
302 Pengambilan Pribadi Citra
103 Sewa Dibayar Dimuka
401 Pendapatan Jasa Fitness
121 Peralatan
501 Biaya Sewa
122 Akumulasi Penyusutan Peralatan
502 Biaya Gaji
201 Utang Usaha
504 Biaya Penyusutan Peralatan
202 Gaji Terutang
505 Biaya Rupa-Rupa
Free Chat InTEC Smart75
Materi Ekonomi apa yang Anda sukai?
Archive My Post
Yahoo Messenger
Tips dan Trik Blog
Sekapur Sirih
