WeL_cOmE

WElC_OmE
FoR ViEwiNG mY BloG

Kamis, 24 Desember 2009

html lanjutan

HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.

Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view - source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.

HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.

Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.
Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.

Sekarang buka saja notepad anda dan kita mulai.
Kode HTML pertama

Buka notepad dan tuliskan kode dibawah ini

Hello World

Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:

Hello World!!

Oke jadi apa yang dimaksud oleh "<" dan ">", ketika anda menuliskan sesuatu diantara tanda "<" dan ">" maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.

Sebuah halaman HTML yang baik harus memiliki tag dan , tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.

Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).
Containers

Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:

Hello World!!


Hasil:

Hello World!!

Tag berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan "/". Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.
Standalone Tag

Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
yang berguna untuk memberi jarak antar teks dan tag
untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.
Atribut

Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda "=" sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:

Hello World!!

Hasilnya:

Hello World!!

Tulisan World!! terletak ditengah tag nah tag memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut. Bagaimana? lanjut?
HTML Entity

Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:

Saya belajar web

Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu   jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:

Saya belajar    web

HTML entity selalu diawali dengan "&" dan diakhiri dengan ";" ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.
Struktur Dokumen HTML

Tadi sudah saya katakan bahwa HTML yang baik memiliki tag dan . mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag tidak memiliki atribut tetapi memiliki container khusus didalam header seperti , , dan . Tag <body> mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini: <br /> <br /><html> <br /><head> <br /><title>Your title


Hello World!!



Hasilnya didalam Microsoft Internet Explorer :
Contoh HTML dasar

Anda lihat teks yang berada diantara tag muncul dibagian atas browser. Apapun yang anda tulis diantara tag <body> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <body bgcolor="#cccccc"> bgcolor merupakan atribut dari <body> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya. <br />Susun file Anda <br /> <br />Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda. <br />index.html <br /> <br />Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html. <br /> <br />Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda. <br /> <br />Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <body> <br />Teks dan Paragraf <br /> <br />Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website. <br /> <br />Heading merupakan container yang diawali dengan tag <h1> dan ditutup dengan tag </h1>. Ada 6 level heading mulai dari h1 sampai h6. <br /> <br />Cobalah kode berikut ini: <br /> <br /><h1>My First HTML</h1> <br /><h2>My First HTML</h2> <br /><h3>My First HTML</h3> <br /><h4>My First HTML</h4> <br /><h5>My First HTML</h5> <br /><h6>My First HTML</h6> <br /> <br />Hasil: <br />Contoh penggunaan tag Heading <br /> <br />Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya. <p> digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah <b> untuk menebalkan,<i> untuk memiringkan dan <u> untuk garis bawah <br /> <br />Sekarang coba kode berikut ini: <br /> <br /><p>Halo, nama saya <b>Budi</b> dan <br />saya ingin belajar HTML.</p> <br /><p>Ini merupakan <i>kode HTML pertama saya</i> dan saya <br />belajar untuk <u>memformat</u> teks dalam HTML </p> <br /> <br />Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba :) <br /> <br />Beberapa tag mempunyai atribut ALIGN, termasuk <p> dan <h1> - <h6>. ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut: <br /> <br /><h1 align="center">Nama saya Jono</h1> <br /><p>Halo nama saya Jono dan saya lagi belajar HTML</p> <br /><p align="right">James, 2006</p> <br /> <br />Hasilnya: <br />Contoh penggunaan Alignment <br /> <br />Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag <font>, tag <font> memiliki atribut seperti face, size dan color. Contoh: <br /> <br /><p><font face="Arial" size="2" color="#FF0000">Nama <br />saya</font> <br /><b>Bambang</b><font face="Arial" size="2"> <br />dan </font><font face="Tahoma">saya cinta rupiah</font></p> <br /> <br />Silahkan anda coba sendiri untuk melihat seperti apa hasilnya <br /> <br />Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan "enter" saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu <br> sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah  . Langsung saja coba kode berikut ini: <br /> <br /><p>Baris 1<br>Baris 2<br>Baris     3<br>Baris <br /><b>4</b></p> <br /> <br />Hasil: <br /> <br />Baris 1 <br />Baris 2 <br />Baris 3 <br />Baris 4 <br /> <br />Untuk memberikan garis horisontal digunakan tag <hr>. Tag <hr> memiliki beberapa atribut. Tag <hr> tidak memerlukan tag penutup jadi tag <hr> merupakan standalone tag. Coba contoh berikut ini: <br /> <br /><p>Halo nama saya Telo</p> <br /><hr width="25%" align="justify"> <br /><p>Saya lagi belajar membuat garis horisontal.</p> <br /><hr size="4" align="justify"> <br /><p>Matur nuwun</p> <br /><hr size="3" noshade color="#000000" width="25%" align="justify"> <br /> <br />Hasil: <br />Contoh penggunaan Horizontal Rules <br /> <br />Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <hr> terdapat atribut yang tidak memiliki nilai yaitu noshade. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah noshade yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <hr> yang menggunakan noshade dengan yang tidak pada kode diatas. <br /> <br />Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit <br />Links <br /> <br />Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a> memiliki atribut yang sangat penting yaitu href. Langsung saja coba kode berikut ini: <br /> <br />My <a href="http://www.dhimasronggobramantyo.com">Homepage</a> <br /> <br />Hasil: <br /> <br />My homepage <br /> <br />Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut href. Sekarang jika anda memiliki banyak file HTML dalam satu folder, apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh: <br /> <br />My <a href="contact.html">homepage</a> <br /> <br />Hasil: <br /> <br />My homepage <br /> <br />Jika anda klik, maka browser akan membuka file contact.html yang berada pada satu folder. Bagaimana jika filenya berada difolder lain? gampang, gunakan kode berikut: <br /> <br />My <a href="folder/contact.html">homepage</a> <br /> <br />Hasil: <br /> <br />My homepage <br /> <br />Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut target="_blank" seperti ini: <br /> <br />My <a href="http://www.dhimasronggobramantyo.com" <br />target="_blank">homepage</a> <br /> <br />Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images <br />Images <br /> <br />Pertengahan tahun 90'an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <img>. Tag <img> tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini: <br /> <br /><img src="images/artikel/introhtml_02.gif" width="313" height="43" <br />alt="Contoh Gambar"> <br /> <br />Hasil: <br />Contoh Gambar <br /> <br />Atribut src disini sama dengan atribut href pada tag <a> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan height merupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border <br /> <br /><a href="http://www.dhimasronggobramantyo.com"> <br /><img border="1" src="images/introhtml_02.gif" width="313" <br />height="43"></a> <br /> <br />Hasil: <br /> <br />Contoh Gambar <br />Komentar <br /> <br />Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan <!-- dan diakhiri dengan --> lihat contoh berikut ini: <br /> <br /><!--Kode untuk menampilkan nama saya--> <br /><p>Nama saya <b>Dhimas</b></p> <br /> <br />List <br /> <br />Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <ul>: <br /> <br /><ul> <br /> <li>List 1</li> <br /> <li>List 2</li> <br /> <li>List 3</li> <br /></ul> <br /> <br />Hasil: <br /> <br /> * List 1 <br /> * List 2 <br /> * List 3 <br /> <br />Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat menambahkan tag <li> untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List <ol> Anda dapat menggunakannya sama seperti tag <ul> Contoh: <br /> <br /><ol> <br /> <li>List 1</li> <br /> <li>List 2</li> <br /> <li>List 3</li> <br /></ol> <br /> <br />Hasil: <br /> <br /> 1. List 1 <br /> 2. List 2 <br /> 3. List 3 <br /> <br />Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut start. Contoh: <br /> <br /><ol start="3"> <br /> <li>List 1</li> <br /> <li>List 2</li> <br /> <li>List 3</li> <br /></ol> <br /> <br />Hasil: <br /> <br /> 3. List 1 <br /> 4. List 2 <br /> 5. List 3 <br /> <br />Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih. <br />Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi. <br /> <br />Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini : <br /> <br /> * <TABLE></TABLE>--Tag ini merupakan containers untuk membuat tabel. <br /> * <TR></TR>--Didalam tabel tag ini berfungsi untuk membuat baris. <br /> * <TD></TD>--Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom. <br /> * <TH></TH>--Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel. <br /> <br />Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini: <br /> <br />Contoh: <br /> <br /><table border="1" width="60%"> <br /><tr> <br /><td>Contoh Table</td> <br /></tr> <br /></table> <br /> <br />Hasilnya: <br /> <br />Contoh Tabel <br /> <br />Tabel diawali dengan tag <table> dan biasanya memiliki atribut border. Jika border="0" maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <table> memiliki atribut cellpadding untuk memberi jarak didalam kolom dan cellspacing untuk memberi jarak antara kolom. Coba kode berikut ini: <br /> <br /><table border="1" width="200" cellpadding="4" cellspacing="5"> <br /><tr> <br /><td width="100">Cell 1</td> <br /><td width="100">Cell 2</td> <br /></tr> <br /></table> <br /> <br />Hasil: <br /> <br />Cell 1 <br /> <br /> <br />Cell 2 <br /> <br />Coba anda ubah nilai dari atribut cellpadding dan cellspacing untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya. <br /> <br />Setiap tabel memiliki baris dengan menggunakan tag <tr>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <td>. Untuk lebih jelasnya cobalah kode berikut ini: <br /> <br /><table border="1" width="200" cellpadding="2"> <br /> <tr> <br /> <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> <br /> <td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> / <br /> </tr> <br /> <tr> <br /> <td width="100">cell 1</td> <br /> <td width="100">cell 2</td> <br /> </tr> <br /> <tr> <br /> <td width="100">cell 3</td> <br /> <td width="100">cell 4</td> / <br /> </tr> <br /></table> <br /> <br />Hasil: <br /> <br />Header <br /> <br /> <br />Header <br /> <br />cell 1 <br /> <br /> <br />cell 2 <br /> <br />cell 3 <br /> <br /> <br />cell 4 <br /> <br />Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut bgcolor yang berguna untuk memberi warna pada background. Didalam kolom <td> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <table> didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya: <br /> <br /><table border="1" width="200" cellpadding="2"> <br /><tr> <br /><td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> <br /><td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> <br /></tr> <br /><tr> <br /><td width="100" rowspan="2" valign="top">cell 1</td> <br /><td width="100">cell 2</td> <br /></tr> <br /><tr> <br /><td width="100">cell 4</td> <br /></tr> <br /></table> <br /> <br />Hasilnya: <br /> <br />Header <br /> <br /> <br />Header <br /> <br />cell 1 <br /> <br /> <br />cell 2 <br /> <br />cell 4 <br /> <br />Anda lihat ada atribut rowspan="2" ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini: <br /> <br /><table border="0" width="200" cellpadding="2" cellspacing="1" bgcolor="#000000"> <br /><tr> <br /><td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> <br /><td width="100" align="center" bgcolor="#C0C0C0"><b>Header</b></td> <br /></tr> <br /><tr> <br /><td width="100" valign="top" bgcolor="#CCCCCC" align="left">Left</td> <br /><td width="100" bgcolor="#CCCCCC" align="right">Right</td> <br /></tr> <br /><tr> <br /><td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center"> <br />Table is cool</td> <br /></tr> <br /><tr> <br /><td width="200" valign="top" colspan="2" bgcolor="#FFFFFF" align="center"> <br />But it's not easy</td> <br /></tr> <br /></table> <br /> <br />Hasil: <br /> <br />Header <br /> <br /> <br />Header <br /> <br />Left <br /> <br /> <br />Right <br /> <br />Table is cool <br /> <br />But it's not easy <br /> <br />Anda sudah mengetahui dasar-dasar HTML. Masih banyak lagi tag-tag HTML lainnya seperti frames dan form. Saya akan mengajarkan frames diartikel lainnya, tetapi frames harus dihindari dalam membuat website, alasan utama apa yang ada didalam frames tidak terbaca oleh Search Engine. Tag form hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP. <br /> <br />Sekarang kita akan membicarakan tag <META>. Tag <META> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag <META> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <META> berada diantara tag <head> bukan <body> yang berarti isi tag tersebut tidak ditampilkan dibrowser. <br /> <br />Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine seperti google atau yahoo. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <META> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja. <br /> <br />Oke anda sudah mengerti pentingnya tag <META>Tag <META> memiliki atribut yang paling penting Keywords dan DESCRIPTION dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita. <br /> <br />Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini: <br /> <br /><html> <br /><head> <br /><META content="kecoak.com" name=AUTHOR> <br /><META content="Cara memelihara dan beternak kecoak." name=description> <br /><META content="kecoak, beternak, memelihara, coro, ternak, pelihara" name=keywords> <br /><META content="INDEX, FOLLOW" name=ROBOTS> <br /><META http-equiv="Content-Language" content="en-us"> <br /><META http-equiv="Content-Type" content="text/html; charset=windows-1252"> <br /><title>Ternak Kecoak


Kira-kira seperti itu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari. Teruslah mencoba agar anda semakin ahli.

Rabu, 23 Desember 2009

pembuatan html petunjuk sederhana

Apa PHP itu.?

PHP & MySQL adalah bahasa pemprogaman web yang mendunia, bahasanya mudah untuk dipelajari, kompatibilitas dengan berbagai macam server baik itu windows maupun unix, dan yang tak kalah penting adalah bahasa pemprogaman PHP & MySQL bersifat open source sehingga perkembangannya pun akan semakin cepat dan dapat diimplementasikan diberbagai bidang kebutuhan dalam pembuatan aplikasi hampir seluruh web developer di seluruh dunia.

PHP kepanjangan dari PHP Hypertext Processor yang dibuat oleh Rasmus Lerdorf. Sintak atau struktur PHP hampir mirip dengan bahasa pemprogaman C, Java dan Perl sehingga dengan begitu bagi mereka yang sudah mempelajari bahasa tersebut tidak akan mengalami kesulitan, selain itu bagi para pemula yang baru memulai bahasa pemprogaman web rasanya PHP turut diperhitungkan, karena pemanfaatan bahasa PHP tidak hanya sekedar untuk web dan aplikasinya tetapi sudah merambah kedunia desktop windows, namanya yaitu PHP GTK.

Berikut ini adalah contoh script sederhana PHP





Belajar PHP & MySQL






echo “Selamat belajar PHP & MySQL”;

?>





Keterangan :



HTML merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam setiap file HTML akan selalu didahului dengan tag . Tag ini akan membuat web browser mencoba untuk membaca file yang ada didalam tag tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan lupa Anda harus selalu mengakhiri tag dengan . Sehingga akan kelihatan bahwa pada setiap tag HTML akan selalu :

untuk mengakhiri :

Penulisan Tag HTML adalah incasesensitive. Artinya, akan sama dengan atau .



Header akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan dan tag di bawah tag . Dibagian ini judul text dapat diberikan dengan menambahkan (judul yang dinginkan) dan ditutup dengan .



Pada bagian body merupakan bagian dimana script PHP dapat dituliskan atau menuliskan Text – text lainnya yang tidak berhubungan dengan PHP. Untuk mendefinisikan body harus diketikan tag dan ditutup dengan tag dibawah tag header.

Kalau kita perhatikan script diatas, bahasa php dimulai dengan tanda “”, sama seperti pemprogaman web lainnya, script php ditempatkan di dalam tag HTML. Berbeda halnya dengan bahasa pemprogaman Java script, script php di olah di sisi server, ini berarti bahwa script php yang telah dibuat akan diproses terlebih dahulu di server baru kemudian ditampilkan ke client dalam bentuk html atau dalam format lainnya, dengan begitu script akan lebih aman dan meminilisasikan kesalahan interpreter browser.

PHP hampir dapat berjalan di semua system operasi seperti Windows, Unix, Linux dan variannya, Mac OS X, RISC OS dan lainnya. PHP juga Kompatibel dengan web server yang ada sekarang seperti Apache, IIS ( Internet Information Service ), Personal web server, Caudium, Xitami, Omni dan masih banyak lainnya. Dengan begitu system operasi apapun yang anda gunakan atau web server apapun yang anda gunakan php dapat berjalan dengan lancar. script php diolah di server kemudian ditampilkan ke client dalam bentuk HTML atau format lainnya, dengan tambahan berupa library, php mampu menampilkannya dalam berbagai macam format seperti gambar (image), pdf bahkan swf. Selain output diatas php juga mampu menghasilkan output berupa teks seperti XHTML dan XML.

Salah satu yang membedakan antara PHP dengan bahasa perograman lain adalah PHP mampu berkomunikasi dengan macam – macam database yang ada pada saat ini seperti :

* Adabas D
* Ingres
* Oracle (OCI7 and OCI8)
* dBase
* InterBase
* Ovrimos
* Empress
* FrontBase
* PostgreSQL
* FilePro (read-only)
* mSQL Solid
* Hyperwave
* Direct MS-SQL
* Sybase
* IBM DB2
* MySQL
* Velocis
* Informix
* ODBC
* Dan Unix dbm

Selain itu PHP juga mampu berhubungan dengan berbagai macam protocol yang ada seperti LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM dan lainnya. Fasilitas lainnya adalah soket programming, dengan fasilitas ini kita bisa membuat script php yang dapat menghubungkan komputer pada sebuah jaringan, sehingga kita bisa bertukar data. Kemudian ada juga yang namanya COBRA Extension untuk access remote objects.

Fungsi-fungsi lain PHP, diantaranya adalah :

* Bzip2 Compression Functions yaitu fungsi untuk membuat dan membaca file berformat *.zip
* ClibPDF Functions yaitu fungsi untuk membuat file pdf secara on the fly, fungsi ini hampir mirip dengan PDFlib.
* Cybercash Payment Functions, bagi mereka yang ingin membuat aplikasi yang berhubungan dengan E-Payment bisa menggunakan fungsi ini.
* DOM XML Functions
* NET Functions
* Filesystem Functions
* COM (for Windows) dengan fungsi ini kita mampu berkomunikasi antar aplikasi yang dibuat dengan standar com, maka dengan begitu kita bisa saling kirim data antar aplikasi.

Apa MySQL itu.?

MySQL adalah database yang cepat dan tangguh, sangat cocok jika digabungkan dengan PHP, dengan database kita bisa menyimpan, mencari dan mengklasifikasikan data dengan lebih akurat dan professional. MySQL menggunakan SQL language ( Structur Query Language ) artinya MySQL menggunakan query atau bahasa pemprogaman yang sudah standar di dalam dunia database.

Kelebihan MySQL diantaranya :

1. Dari segi performa, MySQL tidak bisa diragukan, pemprosesan database sangat cepat
2. Open source
3. Mudah untuk dipelajari
4. Kompabilitas dengan berbagai system operasi dan web server yang ada

VN:F [1.6.8_931]

free download,,,,,,,,,

GREEN COMPUTING ITU MAKHLUK APA

Cikal bakal Green Computing dimulai pada tahun 1992. Saat itu US Environmental Protection Agency merelease program Energy Star, yaitu program promosi dan penghargaan bagi penerap efisiensi energi pada teknologi monitor, pengontrol iklim, dan teknologi lain. Istilah Green Computing muncul dengan booming-nya Energy Star ini, khususnya merujuk ke bagaimana kita bisa efisien dalam konsumsi energi pada penggunaan produk computing. Landasan pergerakannya adalah kebutuhan akan economic viability (keberlangsungan hidup), social responsibility (tanggung jawab sosial) dan environmental impact (pengaruh lingkungan).

Para peneliti mengurai definisi Green Computing dengan sudut pandang yang sedikit berbeda. Kita bisa lihat dari beberapa di bawah:

* How to use your computer more sustainably (Young Yi)
* Information technology that is environmental friendly and energy efficient (Wachara Chantatub)
* The study and practice of using computing resources efficiently (Rawan M. Al-Ghofaili)
* Reduce the increasing amount of useless data/work (Jordi Torres)

Lima kata kunci yang muncul dari beberapa definisi diatas adalah, sustainability, environmental friendly, energi efficient, resource efficient dan reduce useless work. Ternyata Green Computing tidak hanya membahas tentang energy consumption, tapi juga bagaimana kita bisa menggunakan komputer plus berbagai tool dan konten dengan lebih efisien dan jelas manfaatnya.

Yang menarik bahwa laporan Gartner tentang 10 teknologi strategis tahun 2008 (10 most strategic technologies for 2008), menempatkan isu teknologi Green Computing di nomor urut pertama. Tentu kalau kita mau analisa lebih dalam, dari 10 teknologi tersebut, SOA dan Web 2.0 tetap mendominasi, meskipun terpecah di aspek misalnya Business Process Modeling, Metadata Management, Virtualization 2.0, Mashup & Composite Apps, Web Platform & WOA dan Social Software. Mungkin sedikit saya rangkumkan tentang laporan Gartner Group ini sebagai berikut:

1. Green IT: Fokus ke mengurangi konsumsi listrik, jumlah carbon footprint dan melakukan efisiensi energi dan kerja
2. Unified Communications: Konsentrasi ke migrasi PBX ke VoIP
3. Business Process Modeling: Era baru setelah UML, Use Case Diagram tidak mencukupi untuk menggambarkan business process yang lebih kompleks. Business Process Modeling Notation (BPMN) dan berbagai approach mulai bermunculan
4. Metadata Management: Khususnya teknologi enterprise untuk manajemen data produk dan pelanggan. Bagian penting dari SOA.
5. Virtualization 2.0: Ketika virtualisasi adalah utilisasi server dan implementasi aplikasi, virtualisasi 2.0 akan membantu kita mengarahkan kekuatan teknologi untuk proses otomasi yang lebih sempurna.
6. Mashup & Composite Apps: Mashups and composite applications akan menghubungkan intranet korporasi bergaya Web 2.0 dengan internet publik. Diramalkan gartner akan mendominasi model pengembangan aplikasi enterprise mulai tahun 2010.
7. Web Platform & WOA: Kombinasi dari Software as a service (SaaS) dan SOA akan menghasilkan Web Oriented Architecture (WOA). Kadang disebut juga dengan istilah cloud computing
8. Computing Fabric: Ambil beberapa server blade, koneksikan semuanya dengan intelligent interconnect, dan tampilkan dalam bentuk single operating system image. Itulah “computing fabric“. Tren akan terus berkembang di era ke depan.
9. Real World Web: Peralatan GPS yang semakin bervariasi dan built-in pada PDA, handphone dan iPhone akan membuat banyak perusahaan bisa memberikan layanan (aplikasi dan data) kepada kita sesuai dengan lokasi kita saat ini
10. Social Software: Aplikasi social networking akan menuju ke enterprise dan internet korporasi
11. TIPS GREEN COMPUTING

Saya menyajikan beberapa tips Green Computing dari aspek technical sampai strategis. Ternyata tidak sulit kok nge-Green itu :)

1. Green Computing on PC

*Laptop hanya memerlukan 10% energi yang digunakan Desktop. Flat screen hanya menggunakan 30% energi yang digunakan oleh Monitor CRT
*Coba upgrade RAM, sebelum memutuskan ganti komputer. Komputer lambat bisa karena kotornya registry atau ada background services yang berjalan padahal sebenarnya tidak kita perlukan. Cek dan matikan services yang sedang berjalan padahal tidak perlu itu. Misalnya untuk Windows jalankan Start > Run > type “msconfig”
*Menggunakan PC dan printer dengan merk dan jenis sama memudahkan kanibalisme dan proses recycle
*Matikan komputer ketika tidak digunakan (malam hari). Mematikan komputer akan mengurangi umur komputer adalah mitos yang salah
*Screen saver is not energy saver. Pilih matikan monitor daripada menggunakan screen saver
*Pilih virtualisasi daripada pembelian hardware baru (hemat 70% energi)
*Pilih peripheral berlogo energy star
*Catat bahwa mode power menentukan prosentase hemat energi (Sleep mode - hemat 70% energi, Standby mode - hemat 90% energi, Hibernate mode - hemat 98% energi)
*Jangan cepat membuang PC, lakukan recycle atau donasi ke pihak lain apabila sudah tidak digunakan

2. Green Computing on Laptop

* Gunakan power saving setting
* Kurangi penggunaan backlight
* Atur layar dan harddisk sleep/off setelah beberapa menit tanpa penggunaan
* Matikan bluetooth dan wifi ketika tidak digunakan
* Lepas kartu MMC, SD, USB Flash apabila tidak digunakan
* Kecilkan volume suara dan kontras layar
* Minimalisir penggunaan IrDA (infrared) atau serial communication, karena boros energi
* Upgrade RAM sebelum ganti laptop
* Jangan cepat membuang Laptop, lakukan recycle atau donasi ke pihak lain apabila sudah tidak digunakan

3. Green Computing on Paperless Method

Usahakan menggunakan paperless method untuk berbagai urusan kita karena itu mengurangi sampah carbon footprint. Apabila memungkinkan kembangkan dan terapkan Document Management System, Electronic Invoicing dan Electronic Business Process pada institusi kita.

4. Green Computing on Paperless Education

*Hindari kertas, gunakan file elektronik or blog untuk pengumpulan laporan dan tugas
*Lupakan cara konvensional, gunakan eLearning System untuk penyebaran modul ajar, forum diskusi dan assesment
*Gunakan Chatting dan Social Networking untuk mendukung pembelajaran. Ingat bahwa chatting untuk pacaran or godain orang, are not Green Computing!

5. Green Computing on Paperless Branding and Marketing

*Lupakan kartu nama, CV, koran dan majalah untuk personal branding
*Lakukan blogging untuk personal branding, marketing, bisnis bahkan influencing people
*Manfaatkan google sebagai kurir dan salesman kita dalam marketing dan branding

Dan akhirnya saya ucapkan selamat, karena ternyata orang lugupun bisa memahami dengan baik Green Computing beserta implementasinya dari berbagai sudut pandang :)

REFERENSI

1. Green Computing, Science Tech Entrepreneur, November 2007
2. Green Computing Guide, http://www.uoregon.edu/~recycle/GreenComputing/GreenCompGuide_text.htm
3. Green Computing, http://en.wikipedia.org/wiki/Green_computing
4. University of Oregon Green Computing Guide, http://www.uoregon.edu:80/~recycle/Conservation_computing_text.htm
5. Gartner Identifies the Top 10 Strategic Technologies for 2008, Gartner Symposium and IT Expo, October 7-12, 2007, Orlando

Microsoft Office 2010 Diuji

Tech and Gadgets | Tue, Jul 14, 2009 at 17:21 | Jakarta, matanews.com

Microsoft Office Technical Review

Microsoft Office Technical Review (zd)

Mircrosoft memberikan kesempatan melakukan pengujian kepada versi terbaru dari aplikasi Microsoft Office 2010 kepada beberapa kelompok terpilih, sebagai langkah penyempurnaan sebelum rilis resmi aplikasi tersebut yang direncanakan pada kuartal pertama tahun 2010.

Microsoft Office 2010 direncanakan untuk dirilis dalam 2 versi, yakni aplikasi desktop dan aplikasi berbasis web yang kabarnya akan dilepas secara gratis untuk digunakan. Kegiatan ‘Technical Preview’ ini ditujukan hanya untuk pengujian aplikasi versi desktop-nya.

Selama ini Microsoft Office dikenal sebagai aplikasi paling populer di dunia untuk pembuatan dokumen, materi presentasi dan data-data tabular. Dominasi mereka masih tetap terjaga, khususnya di kalangan bisnis, walaupun belakangan ini banyak muncul aplikasi-aplikasi serupa lainnya, seperti Open Office. Namun demikian, Microsoft juga tidak menutup mata dengan berkembangnya trend aplikasi berbasis web. Google telah merilis aplikasi ‘Office’ berbasis web versi mereka selama kurang lebih 2 tahun, walaupun belum terlalu banyak menarik minat kalangan korporasi.

Dengan pengembangan 2 (dua) versi Microsoft Office 2010, Microsoft harus pintar membagi fitur-fitur mana yang akan dilepas secara gratis melalui aplikasi berbasis web-nya, agar tidak memangkas pasar, dan profit, aplikasi versi desktop mereka.

Pada tahun 2007, sebenarnya Microsoft telah meluncurkan Office Live Workspace, sebuah aplikasi berbasis web yang memberikan kemampuan kepada penggunanya untuk melihat dan memberikan komentar akan dokumen yang diupload oleh pengguna lain. Tetapi aplikasi tersebut tidak menawarkan kemampuan untuk membuat dan mengubah isi file.

Aplikasi versi web dari Microsoft Office 2010 menurut rencana akan ditawarkan secara gratis kepada penggunanya, dengan pemasukan diharapkan berasal dari pemasangan iklan yang akan disisipkan di aplikasi tersebut. Microsoft juga menawarkan paket lisensi yang memungkinkan sebuah perusahaan menginstall aplikasi berbasis web tersebut di server internal mereka tanpa dikenakan biaya. Disamping itu, Microsoft juga menawarkan paket berlangganan kepada perusahaan untuk mengakses aplikasi melalui data center mereka.

Menurut rencana, Microsoft akan menawarkan ‘technical preview’ untuk aplikasi Microsoft Office berbasis web mereka pada bulan Agustus 2009. Adapun sampai saat ini, belum ada rilis resmi dari Microsoft mengenai harga aplikasi Office 2010, selain informasi bahwa aplikasi tersebut akan dirilis dalam 5 variasi suite, dimana 2 diarahkan untuk pengguna korporasi dan 3 diarahkan untuk pengguna perseorangan dan kalangan bisnis level menengah ke bawah. (*/BST)

Selasa, 09 Desember 2008

tugas Qur'an

Tafsir Surat Al Ikhlas


AL IKHLASH (MEMURNIKAN KEESAAN ALLAH)
SURAT KE 112 : 4 ayat

Dengan menyebut nama Allah Yang Maha Pemurah lagi Maha Penyayang

{ قُلْ هُوَ الله أَحَدٌ }1{ الله الصمد }2{ لَمْ يَلِدْ وَلَمْ يُولَدْ } 3{ وَلَمْ يَكُنْ لَّهُ كُفُواً أَحَدٌ }4 .


Asbabun Nuzul

Dalam suatu riwayat dikemukakan bahwa kaum musyrikin meminta penjelasan tentang sifat-sifat Allah kepada Rasulullah saw. dengan berkata: "Jelaskan kepada kami sifat-sifat Tuhanmu." Ayat ini (S. 112:1-4) turun berkenaan dengan peristiwa itu sebagai tuntunan untuk menjawab permintaan kaum musyrikin.
(Diriwayatkan oleh at-Tirmidzi, al-Hakim dan Ibnu Khuzaimah dari Abi Aliyah yang bersumber dari Ubay bin Ka'ab. Diriwayatkan pula oleh at-Thabarani dan Ibnu jarir yang bersumber dari Jabir bin Abdillah dan dijadikan dalil bahwa surat ini Makkiyah.)

Dalam riwayat lain dikemukakan bahwa kaum Yahudi menghadap kepada Nabi saw. dan diantaranya Ka'bubnul 'asyraf dan Hay bin Akhtab. Mereka berkata: "Hai Muhammad, lukiskan sifat-sifat Tuhan yang mengutusmu." Ayat ini (S.112:1-4) turun berkenaan dengan peristiwa itu.
(Diriwayatkan oleh Ibnu Abi Hatim yang bersumber dari Ibnu Abbas. Diriwayatkan pula oleh Ibnu Jarir yang bersumber dari Qatadah dan Ibnu Mundzir yang bersumber dari Sa'id bin Jubair. Dengan riwayat ini Sa'id bin Jubair menegaskan bahwa surat ini Madaniyyah.)

Dalam riwayat lain dikemukakan bahwa kaum Ahzab(Persekutuan antara kamu Quraisy, Yahudi Madinah, kaum Goththafan dari Thaif dan munafiqin Madinah dan beberapa suku sekeliling Makkah) berkata: "Lukiskan sifat Tuhanmu kepada kami." Maka datanglah Jibril menyampaikan surat ini (S.112:1-4) yang melukiskan sifat-sifat Allah.
(Diriwayatkan oleh Ibnu Jarir dari Abil 'Aliyah yang bersumber dari Qatadah.)

Keterangan:

Menurut as-Suyuthi kata "al-Musyrikin" dalam hadits yang bersumber dari Ubay bin Ka'ab ialah musyrikin dari kaum Ahzab, sehingga surat ini dapat dipastikan Madaniyyah sesuai dengan hadits Ibnu Abbas. Dengan demikian, tidak ada pertentangan antara dua hadits tersebut di atas dan diperkuat pula oleh riwayat Abus Syaikh di dalam kitabul Adhamah dari Aban yang bersumber dari Anas yang meriwayatkan bahwa Yahudi Khaibar menghadap kepada Nabi saw. dan berkata: "Hai Abal Qasim! Allah menjadikan malaikat dari cahaya hijab, Adam dari tanah hitam, Iblis dari api yang menjulang, langit dari asap, dan bumi dari buih air. Cobalah terangkan kepada kami tentang Tuhanmu." Rasulullah saw tidak menjawab, sehingga turunlah Jibril membawa wahyu surat ini (S.112:1-4) yang melukiskan sifat Allah.

Muqoddimah

Surat Al Ikhlas adalah termasuk surat makiyyah, jumlah ayatnya ada empat dan diturunkan setelah surat An Nas. Surat Al Ikhlas berisi tentang ketauhidan Allah atau keimanan pada Allah. Walau surat ini nampak pendek dan terdiri dari hanya empat ayat, tetapi yang terkandung di dalam surat ini adalah sepertiga dari isi Al Qur’an yaitu tentang keimanan pada Allah SWT yang Maha Pencipta. Inilah termasuk dari keistimewaan Al Qur’an yang bisa menyampaikan suatu pesan yang sangat padat isinya, tetapi dalam bentuk kalimat yang singkat.

Penjelasan

قُلْ هُوَ الله أَحَدٌ

1. Katakanlah”: Dia-lah Allah, yang Maha Esa.

Pada ayat pertama dalam surat Al Ikhlas Allah menyuruh kepada kepada Nabi Muhammad untuk mengatakan tentang keesaan Allah. Namun, perintah ini juga berlaku bagi umatnya, karena salah satu karakteristik bahasa penyampaian Al Qur’an adalah satu mukhotob (lawan bicara) yang mewakili lainnya juga. Mukhotob pada ayat ini adalah Rasulullah, tetapi umat-Nya juga termasuk yang terkandung di dalamnya. Keimanan tentang Allah yang Maha Esa adalah unsur keimanan yang paling utama, yang merupakan rukun iman ke-1 dari rangkaian rukun iman yang berjumlah enam. Oleh karena itu keimanan kepada Allah harus tertanam pada manusia sejak dini. Hal ini yang membedakan perbedaan Allah dengan sesembahan agama-agama lain, dalam Kristen kita mengenal trinitas, dalam agama hindu ada banyak dewa dan tuhan, tetapi di dalam agama Islam hanya ada satu tuhan yaitu Allah SWT yang Maha Esa. Keesaan Allah adalah isyarat yang menunjukkan kekuasaan dan keuatan Allah yang tiada terbatas dan tidak membutuhkan unsur lain.

الله الصمد

2. Allah adalah Tuhan yang bergantung kepada-Nya segala sesuatu.

Pada ayat ini Allah menjelasakan bahwa segala yang ada di semua alam bergantung/membutuhkan Allah SWT. Namun, Allah tidak membutuhkan makhluk-Nya. Ketika kita mentadabburi ayat ini maka kita akan merasakan korelasi antar ayat ini dengan sebelumnya, benang merahnya terdapat pada kekeasaan Allah, maksudnya Allah Maha Esa atas kekuasaan-Nya dan Allah Maha yang di butuhkan oleh semua makhluknya, jadi dua ayat ini menggambarkan keagungan Allah atas segalanya.

{ لَمْ يَلِدْ وَلَمْ يُولَدْ }

3. Dia tidak beranak dan tidak pula di peranakkan.

Adanya Allah adalah karena kehendaknya dan adanya Allah berbeda dengan proses adanya manusia yaitu beranak dan di peranakkan. Inilah yang menjadi salah satu titik pembeda antara Allah dan makhluk-Nya. Jika adanya hewan dan manusia karena proses kelahiran, tetapi adanya Allah tidak sama yang terjadi pada makhluk-Nya. Ayat ini menjelaskan kesucian Allah dari memiliki anak dan orang tua sebagaimana layaknya manusia. Ayat ini juga mengandung bantahan terhadap orang-orang yang syirik yang menganggap malikat adalah anak-anak perempuan Allah, sebagaimana di jelaskan dalam surat Ash Shofat ayat 150-152 dan anggapan mereka bahwa Al Masih adalah anak laki-laki Allah dan perkataan orang yahudi bahwa ‘uzair adalah anak Allah.

{ وَلَمْ يَكُنْ لَّهُ كُفُواً أَحَدٌ }

4. dan tidak ada seorangpun yang satara dengan Dia.

Keagungan Allah tidak tertandingi oleh siapapun. Sehingga, dalam ayat ini Allah menjelaskan bahwa Allah lah yang paling Maha dari segalanya. Tiada seorangpun yang menyerupainya, hal ini menjadi jawaban atas kepercayaan yang batil dari para musyrik yang menjadikan para malaikat bersekutu pada Allah.

Istifadah

1. Keyakinan atas keesaan Allah adalah hal yang sangat penting yang harus tertanam pada jiwa setiap manusia. Sehingga, karena pentingnya hal ini sampai Allah membuat satu surat khusus yang menjelaskan tentang keesaan Allah.
2. Dari kandungan yang terdapat di dalam surat ini, maka kita bisa lebih meyakini dengan wujud kekuasaan Allah yang tiada batas dab tiada seorangpun yang membadingi atau menyerupai.



Referensi

1. Tafsir al maraghi, Ustadz Ahmad Musthofa Al Maraghi, Dar al kutub al’ilmiyah, Baerut, Lubnan.
2. Tafsir Ibnu Katsir, Al Hafidz Ibnu katsir, Dar al hadits, kairo.
3. Al Qur’an Digital

Tafsir Surat Al Ikhlas

Materi ini disampaikan oleh saya karena memang saat itu sudah masuk giliran saya untuk memberikan materi terjemahan tafsir Al Maraghi. Postingan ini merupakan ringkasan dari buku itu karena saya sendiri sudah lupa materi ini :D. Sebelum buku ini dioper ke peserta mentoring lain, saya akan mencatatnya dalam blog seperti tafsir surat - surat sebelumnya.

Surat ini turun ketika kamu musyrikin meminta penjelasan tentang sifat - sifat Allah SWT kepada Rasulullah SAW dengan berkata "Jelaskan kepada kami sifat - sifat Tuhanmu, apakah terbuat dari emas atau perak ?". Kemudian Allah SWT menurunkan surat ini.

"Katakanlah, 'Dia-lah Allah, Yang Maha Esa. Allah adalah Tuhan yang bergantung kepada-Nya segala sesuatu. Dia tiada beranak dan tiada pula diperanakkan, dan tidak ada seorang pun yang setara dengan Dia" (Q.S Al Ikhlas 1-4)

Surat ini mengandung pilar terpenting mengenai dakwah nabi yakni penjelasan tentang prinsip tauhid dan mensucikan Allah SWT.

Penjelasan

"Katakanlah,'Dia-lah Allah, Yang Maha Esa." (Q.S Al Ikhlas 1)

Katakanlah kepada orang yang bertanya kepadamu mengenai sifat Allah SWT, "Allah SWT itu Esa. Maha suci dari bilangan dan susunan. Sebab Allah SWT tidak membutuhkan apapun termasuk sesuatu yang terhitung / bilangan.

"Allah adalah Tuhan yang bergantung kepada-Nya segala sesuatu" (Q.S Al Ikhlas 2)

Hanya Allah SWT yang menjadi tempat bergantung semua hamba - hamba-Nya, dan mereka juga menghadapkan dirinya kepada-Nya untuk meminta agar permintaan mereka itu dikabulkan tanpa perantara atau koneksi. Dari sini terlihat, tampak salahlah akidah agama - agama lain yang mempunyai seseorang yang merupakan kedudukan khusus di sisi Tuhan, yaitu mereka diangkat khusus untuk menjadi perantara dengan Tuhan dalam memenuhi kehendak mereka.

"Dia tiada beranak dan tiada pula diperanakkan" (Q.S Al Ikhlas 3)

Maha suci Allah SWT dari mempunyai anak. Ayat ini merupakan jawaban terhadap kaum musyrik arab yang mempunyai dugaan bahwa malaikat itu adalah anak perempuan Allah SWT dan juga merupakan bantahan untuk orang - orang Nashrani yang mengatakan bahwa Isa Al-Masih itu anak Allah SWT

"dan tidak ada seorang pun yang setara dengan Dia" (Q.S Al Ikhlas 4)

Tidak ada yang menyamai Allah SWT. Ayat ini merupakan jawaban terhadap keyakinan orang - orang yang bodoh yang beranggapan bahwa Allah SWT itu ada yang menyamai-Nya.