My Personal Blog: September 2011

Senin, 19 September 2011

Belajar HTML 2 (TAG HTML)

Yuk kita lanjutin Postingan saya sebelumnya :D

Tag HTML yang paling penting adalah tag-tag yang mendefinisikan judul, paragraf dan ganti baris. Seperti umumnya bahasa pemrograman lainnya, maka cara terbaik untuk mempelajari HTML adalah dengan banyak berlatih. Latihan tentu saja memerlukan alat bantu.

Nah, pada dasarnya kita bisa bikin file HTML menggunakan notepad, tapi tentu saja banyak software untuk menulis dengan berbagai fasilitas yang akan memudahkan. Googling aja atau cari di download.com dengan kata kunci HTML Editor.

Judul
Judul didefinisikan dengan menggunakan tag <h1> sampai >h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kita bikin file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1>
<h2>Ini Judul</h2>
<h3>Ini Judul</h3>
<h4>Ini Judul</h4>
<h5>Ini Judul</h5>
<h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf
Paragraf didefinisikan dengan menggunakan tag <p>.

<p>Ini adalah sebuah paragraf</p>
<p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.

Jangan lupa Tag penutup
Kita pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag penutup </p> kayak gini :

<p>Ini adalah sebuah paragraf
<p>Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin hal itu. Versi-versi HTML ke depan kayaknya tidak akan ngijinin kita untuk melewatkan tag penutup.

Menutup semua elemen HTML dengan tag penutup adalah cara yang ampuh untuk menulis HTML yang kompatibel dengan smeua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).

Ganti Baris
Tag <br> digunakan pada saat kita pengen membuat baris baru, tapi belum ingin ganti paragraf. Tag <br> akan membuatkan sebuah baris baru buat kita dimanapun kita letakkan tag itu.

<p>Ini <br> adalah sebuah pa<br>ragaraf dengan ganti baris </p>

Tag <br> adalah tag yang kosong. Nah, karena itu dia tidak punya tag penutup seperti misalnya </br>, karena jadi tidak masuk akal. Ya tho...?

<br> atau <br/>
Kita akan makin sering melihat penulisan tag <br> dengan cara begini : <br />
Karena tag <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.
Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kita akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML
Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kita bisa menggunakan komentar untuk menjelaskan kode yang kita bikin, dan tentu saja hal ini akan membantu kita saat kita perlu melakukan perubahan pada kode kita kapan-kapan.

Perhatikan bahwa kita perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Ingat hal-hal berikut...!

Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
Isi elemen berada di antara tag pembuka dan tag penutup
Beberapa elemen HTML tidak memiliki isi elemen
Beberapa elemen HTML tidak memiliki teg penutup

Beberapa Tips Yang Bermanfaat
Waktu kita menulis teks HTML, maka kita tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.

HTML akan menghapus spasi dalam teks kita. Berapa banyakpun kita tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.

Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).

HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar
Berikut adalah tag-tag penting yang akan sangat sering kita pakai. Dan kita akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.
<html> = Mendefinsikan sebuah dokumen HTML
<body> = Mendefinisikan isi utama
<h1> to <h6> =Mendefinisikan judul 1 sampai 6
<p> = Mendefinisikan paragraf
<br> = Menyisipkan sebuah baris
<hr> = Mendefinisikan garis horisontal
<!--> = Bikin komentar

Asik kan? Ini belum seberapa, tunggu sampai kita udah bisa bikin tabel, huruf berwarna dan masih banyak lagi variasi tampilan yang bisa digunakan untuk mempercantik halaman web kita.

Sampe Sini dulu yach...!
Bila ada yg mo menambahkan silahkan tambahkan di sini. Maklum namanya manusia masih ada saja kekurangannya.

SELAMAT BELAJAR & MENCOBA

source kaskus

Belajar HTML

Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kita akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kita pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kita perlu mulai belajar PHP. Setelah belajar PHP maka kita bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kita.

HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kita dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kita dan mempermudah proses desain web kita seperti CSS dan Javascript. Kita juga mungkin akan perlu menambah ketrampilan dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe.

Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web.

Apa yang dimkasud dengan file HTML?

HTML merupakan kependekan dari Hyper Text markup Language
Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
File HTML harus memiliki ekstensi htm atau html
File HTML dapat dibuat menggunakan editor teks yang biasa kita pakai.

Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).Ketikkan teks berikut:

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>

Simpan dengan nama “halamanku.htm” (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kita (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kita bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kita buat.

Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas.
Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kita bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kita bisa melihat pasangan tag <html> di akhir script yaitu </html>.
Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
Teks di antara <title> adalah judul dokumen kita. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kita).
Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kita.
Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.
Nah, dengan penjelasan ini kita mustinya udah mulai manggut-manggut dan merasa, ko ternyata belajar HTML gampang gini yah J. Mudah-mudahan.
Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kita melakukan perubahan pada file HTML kita, maka kita harus me refresh browser untuk melihat perubahan tampilannya.

Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya tentang Elemen HTML.

Elemen HTML, apa tuh? Nah, dalam tutorial Belajar HTML yang lalu, kita udah nyoba bikin halaman HTML pertama kita dan mengerti cara bikinnya. Berikutnya kita harus mengerti tentang elemen HTML dan cara menuliskannya. Kita akan memerlukan definisi dasar ini dalam proses belajar HTML yang kita lakukan sepanjang tutorial di sini. Berikut petunjuk pentingnya.

Ingat petunjuk penting ini: Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefinisikan menggunakan apa yang disebut dengan tag HTML.

Berikut poin-poin yang akan membantu kita mengingat dan memahami pengertian Tag HTML:

Tag HTML digunakan untuk menandai (mark-up) elemen HTML
Tag HTML berada di antara dua karakter penanda berikut <dan>
Karekter penanda itu disebut dengan tanda kurung siku
Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup
Teks di antara kedua tag tersebut disebut isi elemen
Tag HTML tidak bersifat case sensitif, <b> memiliki arti yang sama dengan <B>

Elemen HTML
Ingat contoh HTML di tutorial sebelumnya kan?

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>
</html>

Ini adalah elemen HTML:

<b>Teks ini ditebalkan</b>

Elemen HTML ini dimulai dengan tag pembuka: <b>
Isi dari elemen HTML adalah: Teks ini ditebalkan
Elemen HTML diakhiri dengan tag penutup: </b>
Fungsi tag <b> adalah untuk mendefinisikan sebuah elemen HTML yang harus ditampilkan dengan huruf tebal.

Nah, ini juga elemen HTML:

<body>
Ini adalah halaman pertama saya. <b>Teks ini ditebalkan</b>
</body>

Elemen HTML ini dimulai dengan tag pembuka <body>, dan berakhir dengan tag penutup </body>
Fungsi dari tag <body> adalah untuk mendefiniskkan elemen HTML yang berisi badan (isi) dari dokumen HTML.
Mengapa kita menggunakan tag dalam huruf kecil?

Kita sudah membahas sebelumnya bahwa tag HTML tidak case sensitif: <B> memiliki arti yang sama dengan <b>. Kalau kita lagi surfing web, kita akan melihat bahwa banyak situs web menggunakan tag HTML dalam huruf besar dalam source codenya. Tapi dalam contoh di atas, kita menggunakan huruf kecil. Tahu kenapa?

Kalau kita mengikuti standar web terbaru, kita harus selalu menggunakan tag dalam huruf besar. World Wide Web Consortium (W3C) merekomendasikan penggunaan huruf kecil dalam rekomendasi HTML 4 mereka, dan XHTML (generasi berikutnya dari HTML) memerlukan tag dalam huruf kecil.

Ok, kita baru aja belajar tentang elemen HTML. Dan mustinya saat ini kita udah mulai terbiasa dengan istilah tag. Kalau belum biasakan diri kita dengan istilah ini, karena dalam proses belajar HTML, kita kudu familiar dengan kata tag. Lha wong HTML itu ya tag-tag itu ko.
Berikutnya, kita akan membahas tentang dasar HTML terutama beberapa TAG menarik untuk mengubah tampilan paragraf, judul, dll.

Minggu, 18 September 2011

Fakta aneh di jepang

1. Di Jepang, angka “4? dan “9? tidak disukai, sehingga sering tidak ada nomer kamar “4? dan “9?. “4? dibaca “shi” yang sama bunyinya dengan yang berarti “mati”, sedang “9? dibaca “ku”, yang sama bunyinya dengan yang berarti “kurushii / sengsara.

2. Orang Jepang menyukai angka “8?. Harga-harga barang kebanyakan berakhiran “8?. Susu misalnya 198 yen. Tapi karena aturan sekarang ini mengharuskan harga barang yang dicantumkan sudah harus memasukkan pajak, jadi mungkin kebiasaan ini akan hilang. (Pasar = Yaoya = tulisan kanjinya berbunyi happyaku-ya atau toko 800).

3. Kalau musim panas, drama di TV seringkali menampilkan hal-hal yang seram (hantu).

4. Cara baca tulisan Jepang ada dua style : yang sama dengan buku berhuruf Roman alphabet huruf dibaca dari atas ke bawah, dan yang kedua adalah dari kolom paling kanan ke arah kiri. Sehingga bagian depan dan belakang buku berlawanan dengan buku Roman alphabet (halaman muka berada di “bagian belakang”).

5. Tanda tangan di Jepang hampir tidak pernah berlaku untuk keperluan formal, melainkan harus memakai hanko/inkan/ cap. Jenis hanko di Jepang ada beberapa, a.l. jitsu-in, ginko-in, dan mitome-in. Jadi satu orang kadang memiliki beberapa jenis inkan, untuk berbagai keperluan. Jitsu-in adalah inkan yang dipakai untuk keperluan yang sangat penting, seperti beli rumah, beli mobil, untuk jadi guarantor, dsb. jenis ini diregisterkan ke shiyakusho. Ginko-in adalah jenis inkan yang dipakai untuk khusus membuat account di bank. inkan ini diregisterkan ke bank. Mitome-in dipakai untuk keperluan sehari-hari, dan tidak diregisterkan.

6. Kalau kita membubuhkan tanda tangan, kadang akan ditanya orang Jepang: ini bacanya bagaimana ? Kalau di Jepang saat diperlukan tanda tangan (misalnya di paspor, dsb.) umumnya menuliskan nama mereka dalam huruf Kanji, sehingga bisa terbaca dengan jelas. Sedangkan kita biasanya membuat singkatan atau coretan sedemikian hingga tidak bisa ditiru/dibaca oleh orang lain.

7. Acara TV di Jepang didominasi oleh masak memasak.

8. Fotocopy di Jepang self-service, sedangkan di Indonesia di-service.

9. Jika naik taxi di Jepang, pintu dibuka dan ditutup oleh supir. Penumpang dilarang membuka dan menutupnya sendiri.

10. Pernah nggak melihat cara orang Jepang menghitung “satu”, “dua”, “tiga”.... dengan jari tangannya ? Kalau anda perhatiin, ada perbedaan dengan kebiasaan orang Indonesia. Orang Indonesia umumnya mulai dari tangan dikepal dan saat menghitung “satu”, jari kelingking ditegakkan. Menghitung “dua”, jari manis ditegakkan, dst. Kalau orang Jepang, setahu saya, kebalikannya. Mereka selalu mulai dari telapak tangan terbuka, dan cara
menghitungnya kebalikan orang Indonesia. Saat bilang “satu”, maka jarinya akan ditekuk/ditutupkan ke telapak tangan. Kalo nggak percaya, coba deh… jikken dengan teman Jepang anda.

11. Sepeda tidak boleh dipakai boncengan, kecuali yang memboncengkannya berusia lebih dari 16 tahun dan anak yang diboncengkan berusia kurang dari satu tahun dan hanya seorang saja yang diboncengkan. Bila dilanggar, dendanya maksimal 20 ribu yen.

12. Kalo naik eskalator di Tokyo, kita harus berdiri di sebelah kiri, karena sebelah kanan adalah untuk orang yang terburu-buru. Jangan sekali-kali berdiri di kanan kalo kita ga langsung naik.

13. Pacaran di Jepang sungguh hemat, traktir2an bukan budaya pacaran Jepang. Jadi selama belum jadi suami-istri, siapin duit buat bayar sendiri-sendiri.

14. Nganter jemput pacar juga bukan budaya orang Jepang. Kalo mau ketemuan, ya ketemuan di stasiun.

15. Jangan pernah sekali-kali bilang ke orang jepang : “Gue maen ke rumah lu ya”. Karena itu dianggap ga sopan. Ke rumahnya cuma kalo udah diijinin.

16. “Aishiteru” yang berarti aku cinta kamu, jarang dipake sama orang pacaran, kecuali kalo mereka bener-bener udah mau nikah. Biasanya mereka make “Daisuke desu” buat ngungkapin kalo mereka sayang sama pacarnya.

17. Sebelum bepergian, biasanya orang Jepang selalu ngecek ramalan cuaca. Dan 90% ramalan cuaca itu akurat. Itu sebabnya kalo ada orang bawa payung, pasti kita bakal liat orang yang lainnya lagi bawa payung juga. Dan perempatan Shibuya adalah tempat yang paling menarik ketika hujan, karena dari atas kita akan melihat lautan payung yang berwarna-warni.

18. Bunga sakura adalah yang spesial di Jepang, karena bunganya hanya tumbuh 2 minggu selama setahun. Ketika tumbuh, bunganya memenuhi seluruh pohon, tanpa daun. Setelah 2 minggu, ga ada satupun sakura, yang ada hanyalah daun-daun hijau, tanpa , dan jadi ga menarik lagi.

19. Di Indonesia, kita bakal dapet duit kalo kita ngejual barang bekas kita ke toko jual-beli. Tapi di Jepang, kita malah harus bayar kalo mau naro barang kita di toko jual-beli. Itulah sebabnya kenapa orang Jepang lebih milih ninggalin TV bekas mereka gitu aja kalo mo pindah apartemen.

20. Di perempatan jalan Kyoto, perempatan jalan yang kecil, ga ada mobil sama sekali, tapi ada lampu merah, pejalan kaki selalu berhenti ketika lampu tanda pejalan kaki menunjukkan warna merah. Mereka santai aja, baca koran, ngobrol, ngerokok, dan kemudian jalan lagi ketika lampu sudah hijau. Padahal ga ada mobil yang lewat satupun. Mungkin kalo mereka ngelanggar peraturan juga ga akan celaka.

21. Mereka ga percaya Tuhan (mayoritas atheis), tapi mereka bisa disiplin dan taat sama peraturan. Mungkin karena itu negara mereka maju. Entahlah...