Tuesday, March 31, 2009

Having Fun di G. Arjuno (3.339 MDPL) dan G. Welirang (3156 MDPL)




- Malang (Maret 2009) -

Hari Pertama - Perjalanan kami dimulai dari Desa Jurang Kuali (jalur menuju wisata pemandian air panas Cangar). Kami ber-10 (Kepak Elang: mR. oNTHoNK, odd_THiZ, SHY_poNE, iLP, d'BoGZ, p'NCHeNK, RoSSa, 'n gw ndiri (GoHM_baLL) ; WigaPala: ToMMy 'n paNdU) berangkat mulai sore. Di tengah perjalanan (masih di sekitar persawahan penduduk), kami bertemu dengan 3 pendaki laki-laki non-PA yang berasal dari luar Malang (ada yang dari Sidoarjo (tempat gw dibesarkan nih, hehehe.....)). Di tempat kami bertemu adalah batas akhir dari persawahan penduduk. Di sini terdapat mata air terakhir sebelum menuju lebih jauh, kami manfaatkan untuk memenuhi 5 liter jurigen kami. Akhirnya kami teruskan perjalanan.

Kami disambut oleh +-70 derajat jalur pendakian mulai dari mata air tadi. Setelah kami berjalan menanjak sekitar 20 menit akhirnya kami temui "BONUS" (begitu kami menyebutnya untuk jalur yang landai). Sore berganti petang, petang berganti malam..... Saat itu QTR 19.00, sayup-sayup masih terdengar suara adzan 'Isya mungkin dari kampung di bawah kami. Hampir tak terasa kami berjalan. Dari kejauhan juga terlihat jajaran G. Kawi meskipun tertutup pepohonan. Bermandikan cahaya bulan dan segarnya udara pegunungan membuat hati ini damai.....
Eh, GAWAT! Ternyata kami tersesat !!!!! "Mana jalurnya ?!", kami sering menanyakan itu pada kerabat kami yang pernah ke gunung ini (p'NCHeNK). Kamipun terus berjalan mengikuti jalur yang memang tidak jelas ke mana arahnya karena gelap dan bercabang-cabang. Akhirnya kami berhenti sejenak sambil mencari jalan keluar. Beberapa kerabat berusaha mencari jalan sementara lainnya menunggu. Akhirnya kami sepakat kembali ke jalan yang sepertinya tadi merupakan pertigaan. Kami lewat jalur satunya, dan..... Alhamdulillah,,,,, itulah jalur yang benar..... Di situ terdapat papan yang jelas tertulis "Puncak". Kenapa bisa kami tidak melihatnya. Berjalan di hutan yang lebat apalagi saat malam hari memang membuat kita jadi bingung arah. Hutan ini setelah gw cari referensinya ternyata masuk dalam kawasan Hutan Lali Jiwo yang banyak dikenal sering membuat para pendaki tersesat bahkan hilang itu. Jadi berhati-hatilah bagi anda yang ingin melintasi hutan ini saat malam hari, bukan bermaksud menakut-nakuti, tapi lebih baik anda bermalam daripada berjalan malam saat melintasi hutan ini untuk menghindari tersesat. Akhirnya kamipun memilih untuk bermalam karena waktu yang tidak memungkinkan (ada kode etik pendaki, yakni "Jangan bunuh sesuatu selain waktu", yang bermakna berpikirlah sebelum melakukan sesuatu saat mendaki, jangan gegabah. Tak apa berlama-lama, asalkan bisa sampai di tujuan dan kembali lagi dengan selamat).
Kami 'menidurkan' rumput di sekitar papan petunjuk bertuliskan "Puncak" tadi agar tenda kami dapat didirikan. Tak lupa kami juga menyiapkan minuman hangat dan makanan yang nikmat ala pendaki, hmmmmm, nikmat..... Setelah itu kamipun beristirahat agar bisa melanjutkan perjalanan esoknya.....

Hari ke-2, kami bangun molor (QTR 08.00), hehehe..... Setelah kami bangun, kami menyiapkan makanan dan minuman. Kerabat kami P'nchenk dan Tommy bersama seorang teman perjalanan non PA tadi kembali ke persawahan penduduk untuk mengisi jurigen lagi yang airnya telah kami gunakan tadi malam. Kegiatan memasak masih dilanjutkan. Sekitar 30 menit akhirnya kerabat kami dan teman perjalanan kami tadi telah kembali. melanjutkan kegiatan dengan makan bersama.
Kenyang dan siap beraksi !!!!!, kamipun packing tenda dan bawaan-bawaan kami.

QTR 10.00 kami melanjutkan perjalanan. Sekitar 1 jam kami melewati tempat bernama Watu Gede (emank bener koq, batunya lumayan besar juga, hehehe). Samar-samar kami sempat melihat hewan mungkin sejenis rusa di tengah perjalanan, ukurannya besar juga.

Seharian kami berjalan dan berjalan melewati jalur yang rimbun, terjal, maupun landai. Di tengah perjalanan kami ditemani oleh hujan yang tiba-tiba aja jatuh dari langit. Tak terasa saat itu sudah siang dan hujan belum reda. Sampai di persimpangan antara G. Arjuno dan G. Welirang, kami beristirahat sejenak sambil menikmati hangatnya minuman. Kami bangun tenda darurat menggunakan jas hujan dan terpal. Air hujan bisa kami manfaatkan sebagai stok tambahan air kami, hehehe.....
Setelah hujan reda kamipun melanjutkan perjalanan. Jalur ke kiri ke G. Welirang dan yang ke kanan adalah G. Arjuno. Karena sebelum mendaki kami sudah berkoordinasi untuk ke G. Arjuno dulu, tanpa disuruhpun kami ambil jalur kanan (ke G. Arjuno).
Sore hari telah tiba, kamipun tiba di tempat di kaki puncak G. Arjuno bernama Jurang Kuali. Dari sini kami sudah dapat melihat puncak G. Arjuno yang melancip pada atasnya.
Jurang Kuali merupakan savana/padang rumput yang tidak terlalu luas. Menurut kabar sih, katanya di sini (di padang rumputnya) dulunya merupakan pemakaman saat jaman penjajahan,,,,, hehehe, hmmmmm.....
Dari sini kami juga dapat melihat G. Kembar (bukan "gunung kembar" yang itu lho !!!!!) yang merupakan jajaran pegunungan Arjuno.

Di sini terdapat tempat bekas para pendaki sebelumnya untuk bermalam. Kami gunakan tempat itu untuk membangun tenda. Wuih, di sini kalo' malam dwingin juga, maklum kn padang rumput. Gw jadi inget Cikasur-nya G. Argopuro, hehehe.....
Setelah makan kamipun beristirahat.

Hari ke-3, kami bangun dan melanjutkannya dengan memasak. Ada yang berfoto-foto ria di padang rumput (termasuk gw, hihihi). Sekitar tengah padang rumput terdapat batu yang gwede. Bisa dijadiin objek foto-foto nih, hehehe..... Satu lagi kode etik pendaki, yakni "Jangan ambil sesuatu selain gambar", daripada mengambil sesuatu dari tempat yang seharusnya tak kita ambil, lebih baik kita foto-foto aja, ya nggak ?! :-)......
Setelah makan makanan dan minum minuman yang nikmatnya tiada tara, kamipun bersiap-siap melanjutkan perjalanan.
Ternyata di tempat ini sampahnya banyak juga. Mengingat kode etik pendaki yang satu lagi, yakni "Jangan meninggalkan sesuatu selain jejak", kami simpan sampah kami sendiri dan sampah sekitar yang memungkinkan untuk dibawa (dibawa keluar dari kawasan gunung). Tolong perhatikan kebersihan lingkungan donk..... Harap bawa kembali sampah yang anda buang, jangan kotori lingkungan kita.

Ada yang bersih-bersih dan ada siap-siap packing akhirnya kamipun siap melanjutkan perjalanan.
QTR 10.00 kami MENUJU PUNCAK !!!!! (koq kayak lagunya AFI aja, hwekekekekeke.....).
QTR 12.00 kami sampai di jalur utama menuju puncak yang TERRRJALLLLL (ngomongnya pake' logatnya Rhoma Irama, "TERRRLAAALUUU"). Bagi Superman silahkan bawa serta barang bawaan anda, tapi karena kami hanya manusia biasa, jadi kami tinggalkan dan sembunyikan barang-barang bawaan kami di semak-semak sekitar yang lumayan rimbun. Melanjutkan perjalanan dengan hanya membawa barang-barang seperlunya saja, kami langsung tembak puncak G. Arjuno.....
QTR 13.30 kami sampai di puncak..... "ALHAMDULILLAH !!!!!", syukur kupanjatkan kepadaNya..... Inilah kekuasaanNya..... Indah terlihat pemandangan dari puncak ini..... Betapa agung kebesaranNya.....
Di sini terlihat jajaran G. Kawi, G. Putri Tidur, G. Argopuro ! (sweet memories !!!!!), Pegunungan Tengger, dan..... G. Semeru !!!!! (oh, tujuan utamaku.....). Jika awan dan kabut tidak seperti saat itu, lautpun katanya bisa terlihat, bahkan katanya lumpur Lapindopun bisa terlihat..... Mungkin itu yang disayangkan. Tapi yang kudapat saat itu cukuplah sudah..... Indah sekali pemandangan dari sini menurutku.....
Oya, di sini juga terdapat batu besar tertinggi yang wujudnya menyerupai kursi. Katanya itu dulunya sih merupakan pertapaan Arjuno. Oleh mayarakat, batu tersebut dikeramatkan.....
Dan tak lupa pula, saat tiba di puncak kami sudah menemui banyak corat-coret yang "MENGHIASI" batu-batu di puncak..... Katanya PA, koq malah corat-coret ????? (PA= "Pecinta Alam" atau PA= "Perusak Alam" ?????). Menurutku ini perbuatan yang sangat tidak perlu, toh sapa tho yang kenal mereka, koq pake' tulis-tulis nama segala ?????

Setelah puas menghabiskan waktu di puncak sambil foto-foto dan menikmati pemandangan sambil makan kacang hijau dan minum kopi (hmmmmm.....), akhirnya kami turun.
Setelah sampai di bawah kaki puncak, kami mengambil lagi semua carrier kami.
Perjalanan selanjutnya adalah menuju G. Welirang. Perjalanan menuju G. Welirang, kami melewati rute lain dari saat kita berangkat tadi. QTR 17.00 sampe' di mata air. Kami manfaatkan untuk memenuhi semua jurigen kami yang isinya kurang dengan air. QTR 17.30 kami akhirnya sampai di pondok para penduduk yang bekerja sebagai penambang belerang. Teman seperjalanan kami tidak ikut menuju G. Welirang karena ada keperluan lain setelah turun gunung. Maka merekapun pulang.
Ke atas lahan pondok sedikit terdapat cukup lahan untuk tempat kami mendirikan tenda. Sungai di sini kalo' menurut kami kotor, gw saranin jangan ambil air untuk dikonsumsi di sini.
Malam semakin larut, kamipun istirahat.

Hari ke-4, kami bersiap melanjutkan perjalanan ke G. Welirang. Memasak, makan dan minum, lalu packing merupakan hal rutin yang harus dilakukan sebelum melanjutkan perjalanan. Setelah siap, kamipun melanjutkan perjalanan. Sekitar 30 menit mendaki dengan jalur yang lumayan terjal (tidak terlalu terjal jika dibandingkan dengan jalur menuju puncak G. Arjuno), kami berencana menyembunyikan carrier-carrier kami lagi. Setelah menyembunyikannnya di sekitar semak-semak, kami melanjutkan perjalanan dengan hanya membawa barang seperlunya saja.
Perjalanan terus mendaki dengan sudut pendakian sekitar 45 derajat.
QTR 12.00 kami sempat terpisah karena kami berjalan per kelompok dengan sistem shift. Sekitar 1 jam gw dan beberapa rekan menunggu di dekat puncak, akhirnya kami bertemu lagi dengan rekan-rekan kami yang lain.
QTR 13.20 kami sampai di puncak G. Welirang..... Sayang pemandangan di sini putih-putih-putih..... Kabut yang tebal dan asap belerang G. Welirang yang menjadikan hal itu. Dinginnya juga, hm..... Padahal saat itu gw dan beberapa rekan tidak memakai jaket saat ke puncak G. Welirang..... Tapi karena bercampur dengan rasa gembira, rasa dingin itu menjadi hal yang tidak luar biasa bagi kami.....
Gambaran di puncak G. Welirang saat itu kurang jelas karena "putih"..... Yang jelas terlihat adalah kawah G. Welirang itu sendiri dan terdapat belerang di dalamnya.....
Papan penunjuk titik triangulasi (titik ketinggian pucak), tak lepas dari corat-coret tangan sebelum kami, hmmmmm..... Bener-bener deh.....

Setelah puas, kamipun langsung turun dan menjemput carrier kami. 4 orang rekan sampai duluan di tempat carrier untuk segera mengamankannya..... Rekan-rekan yang lain akhirnya tiba dan perjalanan turunpun kami lanjutkan.
Hari ini kami merencanakan untuk turun lewat jalur Tretes. Dan langsung kembali ke kampus.
Setelah melewati pondokan tempat kami bermalam pada hari ke-3, kami ambil jalur kiri menuju Tretes. Agak jauh setelah pondokan, perjalanan kami ditemani oleh jalan yang, hmmmmm, "SANGAT ENAK" karena jalur saat itu adalah jalur bebatuan dan kerikil yang lumyan tajam-tajam dan menusuk kaki. Kaki kami rasanya linu semua. Gw aja yang biasanya penyabar (?????emank iya?????) ampe' emosi menghadapi jalan yang seperti itu, wah-wah-wah.....
Katanya sih, nantinya jalur ini akan diaspal untuk dijadikan jalan raya agar truk atau mobil bisa sampai pondokan. Tujuannya mungkin untuk mempermudah akses pengangkutan belerang.

Setelah kaki kami tersiksa oleh ganasnya jalan saat itu, QTR 19.00 akhirnya kami sampai juga di gerbang pintu masuk jalur pendakian via Tretes. Alhamdulillah, hufffff, akhirnya.....
Kami menghubungi rekan senior kami untuk menjemput kami agar bisa kembali ke kampus. Kami bertemu di pos perijinan. Carrier kami diangkutkan jip senior kami, sedangkan kami naik angkutan umum.....

Ah,,,,, alhamdulillah..... Akhirnya sampe' juga di kampus dan bisa kembali ke hunian sementara kami masing-masing.....

Pengalaman saat itu, pengalaman tersesat di Hutan Lali Jiwo, pengalaman kedinginan di Jurang Kuali, melihat pemandangan yang indah selama di perjalanan maupun di puncak, nikmatnya makanan dan minuman ala pendaki, dan indahnya kebersamaan merupakan hal yang terasa "WAH" bagiku.....

Sekian.....



..... Click to Enlarge .....


Ki-ka: Dekat persawahan penduduk Desa Jurang Kuali; Puncak G. Arjuno; Puncak G. Welirang;
Menuju kaki puncak G. Arjuno; Dekat puncak G. Welirang.



Kawah G. Welirang



Thursday, March 05, 2009

Pengembaraan di Gunung Argopuro (3.088 M.DPL)

@ ciKaSUr

@ Cikasur




Salam Rimba.

Bertajuk Pengembaraan 1 Angkatan XII MPA. Kepak Elang, kali ini bertempat di Gunung Argopuro (3088 M.DPL).

Peserta pengembaraan berjumlah 7 orang dari Angkatan XII dan 4 orang senior sebagai pedamping kegiatan tersebut. Peserta pengembaraan diantaranya : Outhiez, Ilep, C-pone, D'bog, GoHM_baLL (saya), K-whur, dan Rossa. Sedangkan pendamping kegitan ini adalah Tumbej (sebagai koordinator), Keset, Justho, dan Lepog.

Memilih jalur dari Desa Baderan (Situbondo), pendakian dimulai. Perjalanan kali ini cukup melelahkan karena suhu yang lumayan panas dan kondisi fisik para peserta yang sedikit lelah. Pada akhirnya diputuskan untuk menginap di mata air pertama (HM43). Sesampai di daerah ini, sinyal handphone masih ada loh, tidak lupa kami mengabari rekan-rekan di sekretariat dan para senior kami di Malang (bahkan senior di Sumatra pun kami kabari... hehehe. *Red yang dihubungi : Abram, Cakmat, Noge, Jack, dll….. buanyaak deii...).

Perjalanan dimulai menuju Cikasur keesokan harinya. Setapak demi setapak kami lalui, melewati savana yang luas dan hutan yang lebat, akhirnya kami tiba di Cikasur (konon tempat ini adalah bekas lapangan terbang milik Belanda).
Membuat tenda saat tiba merupakan langkah yang para peserta lakukan. Tak lupa menyiapkan minuman hangat sebagai pengusir dahaga, namun tak lengkap rasanya jika makan malam kami tidak ditemani oleh lezatnya selada air yang banyak terdapat di daerah ini. Malam tiba dan kamipun terlelap ditemani oleh dinginnya Cikasur.

“Bangun-bangun hari sudah besok…!!!”, C-pone berseru dengan kerasnya seraya membangunkan teman-teman pagi itu di Cikasur. Namun seketika wajahnya berubah ketika sadar apa yang ia ucapkan ternyata salah,,, hehehe... (pengennya bilang “banguun… hari sudah pagi…!!”). Aktivitas Rossa sebagai koki pada pendakian tersebut-pun dimulai, tangannya memegang nesting dan kompor lapangan berniat membuat minuman hangat pagi hari. Setalah sarapan dan packing, kamipun bergegas menuju tujuan kami berikutnya, Cisentor.

Jalan di barisan paling depan K-whur (cewek tercantik pada pendakian tersebut .*Red karna gak ada cewek lagi seee, hehehehe). Namun sayang kali ini pepohonan Edelweiss tidak berbunga, namun tak kalah serunya ada satu yang kami lihat saat itu daun "jancu’an", hehehe..... Pohon yang konon mempunyai daun yang sangat gatal dan panas ketika disentuh/tersentuh oleh kita, sehingga perjalanan kali ini ekstra hati-hati.

Sesampai di Cisentor tenda vango berkapasitas 10 orang milik sekretariat pun didirikan. Tim lain menyiapkan hidangan makan malam... oh damai kalee suasananya..,. hangat kopi & coklat panas menyelimuti acara sharing tentang dunia fotografi oleh Sdr. Tumbej.

Dini hari perjalanan menuju puncak-pun dimulai. Dalam perjalanan, kami beruntung sekali melihat indahnya sunrise yang terlihat dari balik Gunung Raung. Setelah itu peserta pengembaraan-pun sampai di Savana Lonceng yang merupakan pertigaan arah menuju Puncak Renganis, Puncak Argopuro (3.088 M.DPL), dan arah kembali ke Cisentor. Kami memilih untuk menuju Puncak Rengganis terlebih dahulu. Upacara bendera kami lakukan seraya berucap syukur kepada Sang Pencipta. Setelah itu kami kembali menuju Savana Lonceng, lalu dilanjutkan ke Puncak Argopuro. Setelah puas berada di Puncak Argopuro, kamipun kembali menuju Cisentor.

Keesokan hari perjalanan kami lanjutkan menuju Taman Hidup. Betapa kagetnya kami ketika sampai di Aeng Kenik (mata air kecil) ternyata banyak sekali tumbuhan jancu’an…ugh…!!! Gak deehhh,,,,,,cape deehhh,,,, (tapi ada logh salah satu peserta pengembaraan yang terkena daun itu.. Tidak tanggung-tanggung, wajahnya yang terkena “bayangin gimana rasanya…!” hehehehehe.....).

Sampai di lokasi camp Taman Hidup, kami disambut oleh kerabat kami yang sengaja sudah menunggu sebelumnya (Sembrex, Perekx, Bengel, Kutil, Penceng, Icha, dan Tata) membuat suasana Taman Hidup menjadi lebih HIDUP,,, hehehehehe.....

Keesokan harinya perjalanan kami lanjutkan menuju Desa Bremi (Krucil, Probolinggo) dan menuju Malang.

Demikian cerita pendek kami mengenai Pengembaraan 1 Angkatan XII MPA. Kepak Elang di Gunung Argopuro.....

Salam

Penulis




tULisaN iNi diCoPY (deNGaN sediKit ediTAn pembenarAN peNuLisaN daN eJaaN) daRi :
poST bLog kePAk eLang ...... iNi adaLAh tuLisaN menGenai penGaLAmaN daRi peNuLis .....





@ RUmaH peNduduK deSa badERaN



@ puNCaK aRGopURo (3.088 mdpl)

@ Puncak Argopuro (3.088 mdpl)


@ raWa emBiK

@ Rawa Embik


@ aLun-aLuN keCiL

@ Alun - alun Kecil


bRothERhood

seManGaT !!!!!

@ Puncak Rengganis

Listening Radio Online







Tuesday, March 03, 2009

Belajar HTML Dasar



kLiK "sHoW" untuk menampilkan artikelnya :




Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). Nah, HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik. Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal. Mengapa ? Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Sebuah halaman web minimal mempunyai empat buat tag, yaitu : <HTML> Sebagai tanda awal dokumen HTML. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META. <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :

<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>


Pengaturan Teks

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh :

<H2>Tutorial Html</H2>

Hasilnya akan terlihat seperti :

Tutorial Html

Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Line Break: <BR> Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic. COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya). Contoh : <FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B> Bold text
<I> Italic text
<U> Underscore
<TT>
Typewriter
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text
<DFN> Definition
<BLINK> Text berkedip (lebih baik jangan digunakan)
<STRONG>
Strong
<ADDRESS>

Italic


<CITE> Digunakan untuk quoting text


<CODE> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)


<SAMP> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)


<KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)


<BIG> Ukuran teks akan lebih besar satu ukuran


<SMALL> Ukuran teks akan lebih kecil satu ukuran


<SUP> Membuat tekssuperscript


<SUB> membuat tekssub script


<ABBREV> Abbreviations


<ACRONYM> Untuk akronim


<PERSON> Digunakan untuk indexing


<Q> Membuat short inline quotation


<VAR> Membuat variable name, selalu dalam italics.


Lists

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :

<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>

Hasil dari kode di atas adalah:

  • Item nomer 1

  • Item nomer 2

  • Item nomer 3

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :

<UL COMPACT TYPE=square> …

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag. Contoh :

<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>
Hasil dari kode di atas adalah :

  1. Item nomer 1

  2. Item nomerr 2

  3. Item nomerr 3

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :

<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>

Hasil dari kode di atas adalah :

Item pertama.

Penjelasan tentang item pertama.

Item kedua.

Penjelasan tentang item kedua


Images

Images :

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh :

<IMG src="/logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>

<IMG src="/logo.gif" hspace=10 vspace=5 align=right border=2>

Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :

<A href="/halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A href="mailto:
webmaster@klik-kanan.com This e-mail address is being protected from spambots. You need JavaScript enabled to view it
">Klik di sini</A>
Untuk membuat link pada alamat e-mail.
<A href="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A href="/halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.
<A href="/halaman2.html"><IMG src="/gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.


Tabel

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>
Terdiri dari atribut :

  • align - perataan : rata kiri (left), tengah (center) atau kanan (right).

  • bgcolor - warna latar belakang (background) dari tabel.

  • border - ukuran lebar border tabel (dalam pixel).

  • cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).

  • cellspacing - jarak antar cell (dalam pixel).

  • width - ukuran tabel dalam pixel atau percent.

Contoh :

<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5" cellspacing="2" width="90%">

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

  • align - perataan : rata kiri (left), tengah (center) atau kanan (right).

  • bgcolor - warna latar belakang dari baris.

  • valign - perataan vertikal : top, middle atau bottom.

Contoh :

<TR align="right" bgcolor="#0000FF" valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

  • align - perataan

  • background - image yang digunakan sebagai latar belakang dari kolom.

  • bgcolor - warna latar belakang

  • colspan - lihat gambar contoh

  • height - ukuran tinggi cell dalam pixels.

  • nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.

  • rowspan - lihat gambar contoh

  • valign - perataan vertikal :top, middle atau bottom.

  • width - ukuran kolom dalam pixel atau percen.

Contoh :

<TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3" height="200" nowrap rowspan="2" valign="bottom" width="300">

   
 
 

<table width="100" border="1" cellspacing="2" cellpadding="2">
<tr>
<td bgcolor="#0000FF">  </td>
<td bgcolor="#FFFF66"> </td>
<td rowspan="2" bgcolor="#FF3366"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99"> </td>
</tr>
</table>

  
 
 

<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#0000FF">  </td>
<td bgcolor="#FFFF66"> </td>
<td rowspan="2" bgcolor="#FF3366"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99"> </td>
</tr>
</table>


Frames

 

1
<FRAMESET cols="*,140">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAME src="/menu.htm" NAME="Frame2">
</FRAMESET>

2
<FRAMESET cols="100,*">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAME src="/menu.htm" NAME="Frame2">
</FRAMESET>

3
<FRAMESET rows="100,*">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAME src="/menu.htm" NAME="Frame2">
</FRAMESET>

4
<FRAMESET rows="*,60">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAME src="/menu.htm" NAME="Frame2">
</FRAMESET>

5
<FRAMESET rows="*,60">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAMESET cols="50%,50%">
<FRAME src="/menu.htm" NAME="Frame2">
<FRAME src="/menu2.htm" NAME="Frame3">
</FRAMESET></FRAMESET>

6
<FRAMESET cols="*,50%">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAMESET rows="15%,15%,70%">
<FRAME src="/menu.htm" NAME="Frame2">
<FRAME src="/menu2.htm" NAME="Frame3">
<FRAME src="/menu3.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

7
<FRAMESET cols="50%,50%">
<FRAMESET rows="50%,50%">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAME src="/homepage2.htm" NAME="Frame2">
</FRAMESET>
<FRAMESET rows="50%,50%">
<FRAME src="/menu.htm" NAME="Frame3">
<FRAME src="/menu2.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

8
<FRAMESET rows="15%,70%,15%">
<FRAME src="/homepage.htm" NAME="Frame1">
<FRAMESET cols="15%,70%,15%">
<FRAME src="/menu.htm" NAME="Frame2">
<FRAME src="/menu2.htm" NAME="Frame3">
<FRAME src="/menu3.htm" NAME="Frame4">
</FRAMESET>
<FRAME src="/homepage.htm" NAME="BIG">
</FRAMESET></FRAMESET>


Kumpulan Tag HTML

<!-- -->

Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

<a href>

Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

<a name>

Membuat nama bagian yang didefinisikan pada link pada halaman yang sama

<applet>

Sebagai awal dari Java applets

<area>

Mendefinisikan daerah yang dapat diklik (link) pada image map

<b>

Membuat teks tebal

<basefont>

Membuat atribut teks default seperti jenis, ukuran dan warna font

<bgsound>

Memberi (suara latar) background sound pada halaman web

<big>

Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink>

Membuat teks berkedip

<body>

Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

<br>

Pindah baris

<caption>

Membuat caption pada tabel

<center>

Untuk perataan tengah terhadap teks atau gambar

<comment>

Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

<dd>

Indents teks

<div>

Represents different sections of text.

<embed>

Menambahkan sound or file avi ke halaman web

<fn>

Seperti tag <a name>

<font>

Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

<form>

Mendefinisikan input form

<frame>

Mendefinisikan frame

<frameset>

Mendefinisikan attribut halaman yang akan menggunakan frame

<h1> ... <h6>

Ukuran font

<head>

Mendefinisikan head document.

<hr>

Membuat garis horizontal

<html>

Bararti dokumen html

<i>

Membuat teks miring

<img>

Image, imagemap atau an animation

<input>

Mendefinisikan input field pada form

<li>

Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

<map>

Mendefinisikan client-side map

<marquee>

Membuat scrolling teks (teks berjalan) - hanya pada MS IE

<nobr>

Mencegah ganti baris pada teks atau images

<noframes>

Jika browser user tidak mendukung frame

<ol>

Mendefinisikan awal dan akhir list

<p>

Ganti paragraf

<pre>

Membuat teks dengan ukuran huruf yg sama

<script>

Mendefinisikan awal script

<table>

Membuat tabel

<td>

Kolom pada tabel

<title>

Mendefinisikan title

<tr>

Baris pada tabel

<u>

Membuat teks bergaris bawah





SuMBeR : ..... di siNi .....