Indonesia memiliki 4 Taman nasional yang masuk dalam warisan dunia yang diakui oleh UNESCO, badan dari PBB dunia.
Luasan hutan tropis Indonesia adalah hutan ketiga terluas dunia
setelah Brasil dan Republik Demokrasi Kongo. Hutan tropis ini adalah
rumah dan persembunyian terakhir bagi kekayaan hayati dunia yang unik.
Hutan tropis Indonesia Luasnya 98 juta hektare (estimasi luas hutan
tahun 2000).
Data yang tercantum dalam dalam buku Potret Keadaan Hutan Indonesia,
FWI/GFW 2001, Bogor, Indonesia, keragaman hayati yang ada di hutan-hutan
Indonesia meliputi 11% spesies tumbuhan dunia, 10% spesies mamalia, dan
16% spesies burung. Sekitar 17.000 pulau Indonesia memiliki tujuh
kawasan biogeografi utama dan keanekaragaman tipe-tipe habitat yang luar
biasa
1. Taman Nasional Komodo
Taman Nasional Komodo terdiri dari tiga buah pulau besar yaitu pulau
Komodo, pulau Rinca dan pulau Padar serta 26 buah pulau besar/kecil
lainnya. Sebanyak 11 buah gunung/bukit yang ada di Taman Nasional Komodo
dengan puncak tertinggi yaitu Gunung Satalibo (± 735 meter dpl).
Wilayah darat taman nasional ini 603 km² dan wilayah total adalah 1817
km².
Keadaan alam yang kering dan gersang menjadikan suatu keunikan
tersendiri. Adanya padang savana yang luas, sumber air yang terbatas dan
suhu yang cukup panas; ternyata merupakan habitat yang disenangi oleh
sejenis binatang purba Komodo (Varanus komodoensis).
Sebagian besar taman nasional ini merupakan savana dengan pohon
lontar (Borassus flabellifer) yang paling dominan dan khas. Beberapa
tumbuhan yang ada di Taman Nasional Komodo antara lain rotan (Calamus
sp.), bambu (Bambusa sp.), asam (Tamarindus indica), kepuh (Sterculia
foetida), bidara (Ziziphus jujuba), dan bakau (Rhizophora sp.)
Selain satwa khas Komodo, terdapat rusa (Cervus timorensis
floresiensis), babi hutan (Sus scrofa), ajag (Cuon alpinus javanicus),
kuda liar (Equus qaballus), kerbau liar (Bubalus bubalis); 2 jenis
penyu, 10 jenis lumba-lumba, 6 jenis paus dan duyung yang sering
terlihat di perairan laut Taman Nasional Komodo.
2. Taman Nasional Ujung Kulon
Taman Nasional Ujung Kulon merupakan perwakilan ekosistem hutan hujan
tropis dataran rendah yang tersisa dan terluas di Jawa Barat, serta
merupakan habitat yang ideal bagi kelangsungan hidup satwa langka badak
Jawa (Rhinoceros sondaicus) dan satwa langka lainnya. Terdapat tiga tipe
ekosistem di taman nasional ini yaitu ekosistem perairan laut,
ekosistem rawa, dan ekosistem daratan.
Keanekaragaman tumbuhan dan satwa di Taman Nasional Ujung Kulon mulai
dikenal oleh para peneliti, pakar botani Belanda dan Inggris sejak
tahun 1820. Kurang lebih 700 jenis tumbuhan terlindungi dengan baik dan
57 jenis diantaranya langka seperti; merbau (Intsia bijuga), palahlar
(Dipterocarpus haseltii), bungur (Lagerstroemia speciosa), cerlang
(Pterospermum diversifolium), ki hujan (Engelhardia serrata)dan berbagai
macam jenis anggrek.
Satwa di Taman Nasional Ujung Kulon terdiri dari 35 jenis mamalia, 5
jenis primata, 59 jenis reptilia, 22 jenis amfibia, 240 jenis burung, 72
jenis insekta, 142 jenis ikan dan 33 jenis terumbu karang. Satwa langka
dan dilindungi selain badak Jawa adalah banteng (Bos javanicus
javanicus), ajag (Cuon alpinus javanicus), surili (Presbytis comata
comata), lutung (Trachypithecus auratus auratus), rusa (Cervus
timorensis russa), macan tutul (Panthera pardus), kucing batu
(Prionailurus bengalensis javanensis), owa (Hylobates moloch).
3. Taman Nasional Lorentz
Taman Nasional Lorentz merupakan perwakilan dari ekosistem terlengkap
untuk keanekaragaman hayati di Asia Tenggara dan Pasifik. Kawasan ini
juga merupakan salah satu diantara tiga kawasan di dunia yang mempunyai
gletser di daerah tropis. Membentang dari puncak gunung yang diselimuti
salju (5.030 meter dpl), hingga membujur ke perairan pesisir pantai
dengan hutan bakau dan batas tepi perairan Laut Arafura. Dalam bentangan
ini, terdapat spektrum ekologis menakjubkan dari kawasan vegetasi
alpin, sub-alpin, montana, sub-montana, dataran rendah, dan lahan basah.
Jenis-jenis tumbuhan di taman nasional ini antara lain nipah (Nypa
fruticans), bakau (Rhizophora apiculata), Pandanus julianettii,
Colocasia esculenta, Avicennia marina, Podocarpus pilgeri, dan Nauclea
coadunata.
Jenis-jenis satwa yang sudah diidentifikasi di Taman Nasional Lorentz
sebanyak 630 jenis burung (± 70 % dari burung yang ada di Papua) dan
123 jenis mamalia. Jenis burung yang menjadi ciri khas taman nasional
ini ada dua jenis kasuari, empat megapoda, 31 jenis dara/merpati, 30
jenis kakatua, 13 jenis burung udang, 29 jenis burung madu, dan 20 jenis
endemik diantaranya cendrawasih ekor panjang (Paradigalla caruneulata)
dan puyuh salju (Anurophasis monorthonyx).
Satwa mamalia tercatat antara lain babi duri moncong panjang
(Zaglossus bruijnii), babi duri moncong pendek (Tachyglossus aculeatus),
4 jenis kuskus, walabi, kucing hutan, dan kanguru pohon.
4. Hutan Hujan Tropis Sumatra
Hutan tropis Sumatra Hutan hujan tropis Sumatera merupakan rumah bagi
berbagai makhluk hidup. Banyak di antaranya yang merupakan spesies hewan
yang terancam punah, seperti orangutan Sumatera, harimau Sumatera,
kelinci Sumatera, dan badak Sumatera. Di hutan hujan tropis ini juga
tumbuh berbagai tumbuhan endemik, seperti kantong semar, bunga terbesar
di dunia Rafflesia, dan bunga tertinggi Amorphophallus.
5. Candi Borobudur
Borobudur adalah nama sebuah candi Buddha yang terletak di Borobudur,
Magelang, Jawa Tengah, Indonesia. Lokasi candi adalah kurang lebih 100
km di sebelah barat daya Semarang, 86 km di sebelah barat Surakarta, dan
40 km di sebelah barat laut Yogyakarta. Candi berbentuk stupa ini
didirikan oleh para penganut agama Buddha Mahayana sekitar tahun 800-an
Masehi pada masa pemerintahan wangsa Syailendra. Monumen ini terdiri
atas enam teras berbentuk bujur sangkar yang diatasnya terdapat tiga
pelataran melingkar, pada dindingnya dihiasi dengan 2.672 panel relief
dan aslinya terdapat 504 arca Buddha.
Stupa utama terbesar teletak di tengah sekaligus memahkotai bangunan
ini, dikelilingi oleh tiga barisan melingkar 72 stupa berlubang yang
didalamnya terdapat arca buddha tengah duduk bersila dalam posisi
teratai sempurna dengan mudra (sikap tangan) Dharmachakra mudra (memutar
roda dharma).
Monumen ini merupakan model alam semesta dan dibangun sebagai tempat
suci untuk memuliakan Buddha sekaligus berfungsi sebagai tempat ziarah
untuk menuntun umat manusia beralih dari alam nafsu duniawi menuju
pencerahan dan kebijaksanaan sesuai ajaran Buddha.
Para peziarah masuk melalui sisi timur memulai ritual di dasar candi
dengan berjalan melingkari bangunan suci ini searah jarum jam, sambil
terus naik ke undakan berikutnya melalui tiga tingkatan ranah dalam
kosmologi Buddha. Ketiga tingkatan itu adalah Kāmadhātu (ranah hawa
nafsu), Rupadhatu (ranah berwujud), dan Arupadhatu (ranah tak berwujud).
Dalam perjalanannya ini peziarah berjalan melalui serangkaian lorong
dan tangga dengan menyaksikan tak kurang dari 1.460 panel relief indah
yang terukir pada dinding dan pagar langkan.
Menurut bukti-bukti sejarah, Borobudur ditinggalkan pada abad ke-14
seiring melemahnya pengaruh kerajaan Hindu dan Buddha di Jawa serta
mulai masuknya pengaruh Islam.
Dunia mulai menyadari keberadaan bangunan ini sejak ditemukan 1814
oleh Sir Thomas Stamford Raffles, yang saat itu menjabat sebagai
Gubernur Jenderal Inggris atas Jawa. Sejak saat itu Borobudur telah
mengalami serangkaian upaya penyelamatan dan pemugaran. Proyek pemugaran
terbesar digelar pada kurun 1975 hingga 1982 atas upaya Pemerintah
Republik Indonesia dan UNESCO, kemudian situs bersejarah ini masuk dalam
daftar Situs Warisan Dunia.
JAKARTA, KOMPAS.com
- Ada yang percaya bahwa kesuksesan adalah takdir. Ada pula yang
meyakini bahwa kesuksesan akan datang dengan usaha keras. Kebanyakan,
kesuksesan hadir karena adanya usaha pengembangan diri dan disiplin
dalam menerapkan kebiasaan belajar yang efektif. Nah, berikut ini adalah
10 tips yang bisa Anda gunakan untuk mencapai kesuksesan belajar! 1.Jangan pernah menumpuk pelajaran dalam satu sesi Siswa
yang berhasil dalam belajar biasanya memiliki periode waktu atau
jadwal belajar yang lebih singkat dan efektif. Mereka tidak pernah
mencoba belajar dengan "sistem kebut semalam." Jika Anda ingin menjadi
siswa yang sukses, maka Anda perlu belajar dengan konsisten. Anda juga
harus memiliki waktu yang teratur, meski pun sesi belajar yang lebih
pendek.
2. Rencanakan waktu belajar Siswa
yang sukses memiliki jadwal belajar yang spesifik. Mereka akan
menyelesaikan tugas studi mereka dan tetap konsisten dengan jadwal yang
mereka tulis. Siswa yang belajar dengan cara sporadis dan main-main
tidak akan mudah berhasil dibandingkan siswa yang memiliki jadwal
belajar. 3. Belajar di waktu yang sama Selain
perencanaan, belajar dengan rutin juga dapat memberikan efek positif
dalam diri Anda. Ketika Anda belajar pada saat yang sama setiap hari,
hal itu akan menjadi kebiasaan dalam hidup Anda, sehingga secara mental
dan emosional lebih siap untuk belajar dan setiap sesi belajar akan
menjadi lebih produktif.
4. Belajar dengan memiliki tujuan Belajar
tanpa arah dan tujuan tidak akan pernah efektif. Anda harus tahu
persis apa yang menjadi tujuan Anda dalam belajar. Sebelum belajar,
tentukanlah target apa yang harus Anda capai dalam sesi tersebut.
Misalnya, menghapal 30 kosakata bahasa Spanyol dalam satu sesi belajar.
5. Jangan pernah menunda waktu belajar yang sudah direncanakan Sangat
mudah bagi Anda untuk menunda sesi belajar yang sudah ditentukan.
Apalagi, jika Anda kurang berminat pada pelajaran tersebut. Siswa yang
ingin berhasil tidak boleh menunda waktu belajar. Jika Anda menunda
jadwal bejar, seterusnya Anda akan menjadi kurang efektif dalam menerima
materi pelajaran.
6. Mulailah dengan subjek yang paling sulit terlebih dahulu Carilah
subjek pelajaran tersulit dan lebih membutuhkan upaya serta energi
yang besar dalam menyelesaikannya. Setelah Anda menyelesaikan tugas
tersebut, Anda akan lebih mudah untuk menyelesaikan sisa tugas. Percaya
atau tidak, dimulai dengan pekerjaan yang paling sulit akan sangat
meningkatkan efektivitas sesi belajar dan prestasi akademis Anda.
7. Tinjaulah kembali catatan Anda Tinjaulah
segala catatan Anda di kelas terlebih dahulu. Sebelum Anda menulis
segala catatan yang baru, tinjaulah hasil catatan Anda secara
menyeluruh untuk memastikan bagaimana menyelesaikan tugas dengan benar.
8. Pastikan tidak ada gangguan dalam belajar Ketika
Anda terganggu saat belajar, Anda akan kehilangan dan memecahkan
konsentrasi belajar. Untuk itu, sebelum Anda mulai belajar, temukanlah
tempat di mana Anda tidak akan terganggu. 9. Gunakan kelompok belajar efektif Pernahkah
Anda mendengar kalimat "Dua kepala lebih baik dari satu?". Pernyataan
tersebut dapat dibenarkan dalam situasi belajar. Bekerja dalam kelompok
memungkinkan Anda untuk mendapatkan bantuan dari siswa lain ketika
Anda kesulitan memahami konsep, menyelesaikan tugas lebih cepat, dan
membantu siswa lain dan diri Anda sendiri dalam menginternalisasi
subjek materi. Namun, kelompok belajar bisa menjadi sangat tidak
efektif jika mereka tidak terstruktur.
10. Tinjau kembali catatan sekolah dan bahan-bahan kelas Anda selama akhir pekan Siswa
yang berhasil meninjau kembali apa yang telah mereka kerjakan selama
seminggu pada akhir pekan, akan membantu mereka untuk merumuskan jadwal
selanjutnya secara lebih efektif.
1. Belajar tanpa Mood
Belajarlah karena kesungguhan kita untuk berubah, jangan belajar hanya dengan berlandaskan mood saja. iya kalau pas nice mood, la kalau pas bad
mood kita jadikan alasan untuk kita tidak belajar, saya berani jamin
ilmu yang anda pelajari akan sama halnya dengan air yang menetes di
lapangan panas, sangat mudah menguap. Jadi jangan pernah belajar
berdasarkan mood ya kalau ingin hasil yang memuaskan.
2. Belajarlah di manapun anda suka
Carilah tempat yang nyaman dan dapat menenangkan pikiran kita sewaktu
belajar, dengan keadaan yang nyaman kita akan lebih mudah dalam memahami
materi.
3. Jangan belajar terlalu banyak ketika akan ujian
Inilah sebuah doktrin yang saya rasa sangat keliru, "kamu harus belajar
sungguh-sungguh, besok ada ujian"..kira-kira teman-teman sudah
mendengar ocehan yang seperti itu? Ini adalah kesalahan, sebenarnya
ketika akan ujian itu kita gunakan untuk merehat otak sekejap, justru
pas hari-hari biasalah kita harus sungguh-sungguh. Sistem KS (kebut
semalam) sangat merusak cara berpikir kita, karena hanya akan
menimbulkan tekanan bukan pengetahuan.
4. Belajar sambil diskusi
Belajar secara kelompok memang dimaksudkan agar seseorang yang kurang
mampu memahami materi bisa berdiskusi dengan orang yang sudah paham.
Sehingga pertukaran ide terus berjalan, yang pintar tidak semakin
pintar, begitu pula yang bodoh tidak semakin terperosok. Semua bisa
menjadi seimbang.
5. Belajar dengan diiringi musik
Musik memang bisa meningkatkan konsentrasi kita dalam belajar, namun
hal ini tidak selalu terjadi pada setiap orang. Ada beberapa orang yang
malah suka keadaan yang hening. Jadi, jika musik bisa membantumu
berkonsentrasi, just listen it :)
6. Jangan hanya menghafal
metode menghafal mungkin bisa menyukseskan kita dalam mencari
"nilai-yang-baik", namun apakah pengetahuan kita bertambah? tidak.
Pahamilah materi dengan mempelajari konsep-konsepnya, bagaimana hal itu
bisa terjadi, mengapa, apa selanjutnya, begitulah cara berpikir yang
harus dikembangkan meskipun memakan waktu yang cukup lama. Sehingga kita
akan tahu betapa indahnya Ilmu Pengetahuan itu. Dalam film 3 idiots,
ada sebuah quotes yang sangat mengena: "Dengan menghafal, kamu bisa
menghemat waktumu selama 4 tahun di universitas, namun kau telah
menghancurkan 40 tahun hidupmu kedepan"
7. Jangan malu-malu untuk bertanya
Bila kita ada yang belum paham mengenai materi yang diajarkan, cukup
dengan acungkan jari dan bertanyalah kepada bapak/ibu guru, jangan malu
bertanya bila kita tidak bisa, jangan jadikan gengsi "takut dibilang
lambat oleh teman2" sebagai alasan, karena hal yang seperti itu tidak
masuk akal!
8. Coba dan Gagal (Trial and Error)
Dalam hidup ini, gagal adalah teman kita juga, jadi jangan pernah
menghindar darinya. Kita terjatuh, untuk apa? agar kita tahu bagaimana
cara untuk bangun. Kita tidak akan pernah tahu yang benar itu bagaimana
jika kita tidak kenal dengan KESALAHAN dulu. Materi yang sesulit apapun,
pasti akan bisa kita kuasai asal tidak ada kata menyerah memahaminya.
Coba terus, gagal sudah biasa.
9. Cintailah mata pelajaran yang anda suka
Anda tidak bisa dalam fisika (misal), namun anda sangat mencintai
pelajaran yang satu ini. Maka dengan kecintaan itu, suatu saat akan
menjadikan anda seorang fisikawan hebat, karena sesuatu yang dilakukan
sepenuh hati akan menghasilkan hasil yang memuaskan. Sekarang tidak
bisa, namun karena kecintaan tersebut anda mempelajarinya setiap waktu,
tunggulah hingga mimpi indah tiba. You'll be the best, but wait until
the time's coming on ^_^
10. Ingatlah tujuan utama kita sekolah
Tujuan utama kita sekolah ialah untuk mencari ilmu pengetahuan, bukan
hanya menerima "Cara Untuk Memperoleh Nilai yang Baik" saja. Nilai tidak
akan bisa mencerminkan kualitas seseorang, lihatlah kenyataannya. Tidak
masalah kita ada di peringkat berapapun, yang terpenting ialah belajar
bukan untuk mencapai kesuksesan..tetapi untuk membesarkan jiwa. ini
merupakan Cara Belajar paling Efektif yang terus saya gunakan, karena
saya yakin ilmu bukan sebatas CORETAN NILAI, tapi banyaknya kita berbagi
kepada sesama.
11. Kunci semua metode belajar
Kuncinya terletak pada kesungguhan kita dalam berdo'a, karena saya
masih ingat betul ada yang bilang kecerdasan seseorang 73% dari
kesungguhan do'anya, sedangkan 27% dari belajar. Intinya do'a sangatlah
penting, sebagai bentuk pasrah kita Kepada Allah. Namun belajar juga
sangatlah penting, ingat! Tidak bisa mencapai 100% tanpa ada yang 27%
tersebut.
Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan
tertarik ingin belajar HTML untuk membuat website sendiri maka anda
tidak salah datang ke blog ini, karena disini anda akan mendapatkan
tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar
HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template
baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan
keinginan (selera) kita. Maka kita harus meng-edit dan melakukan
perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah
kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai
dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan
sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit
atau membuat suatu halaman web bisa melangkah ke halaman-halaman
berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms
FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera
anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan
menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks
editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik,
saran maupun komentar atas kekurangan, error, broken links dan lainnya,
masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog
ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk
membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode
singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan
Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari
berbagai macam format file seperti teks, grafik, animasi, link maupun
audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan
kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca
dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape
Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua
perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen
HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad.
Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana.
Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di
bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>
Preview
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm."
Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya
dengan "all files". Kemudian buka browser, dari menu File klik Open dan
tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website
pertama anda akan ditampilkan. *Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag
terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/",
untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "
<…>"dan diakhiri dengan tag penutup " </…>". Kemudian di
dalam tag tersebut terdapat teks seperti contoh diatas :html, head,
title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai
tertentu, seperti contoh untuk membuat warna latar belakang
(background): <body bgcolor="0000ff">, body merupakan elemen,
bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan
tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka "
<html>" dan tag penutup " </html>" dan yang berada
diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk
menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil.
Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya
adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML,
HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini
merupakan awal dari suatu dokumen HTML, dan tag " </html>"
merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen
HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi
dari dokumen HTML. Informasi di dalam header meliputi: title, meta,
style, script dll. Selain Title informasi di dalam header ini nantinya
tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan
bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel
ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda
membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel
websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen
HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai
macam format file berupa teks, grafik, link, animasi maupun audio-video
(multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.
Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini
kita bisa menentukan jenis font (face), warna (color), dan ukuran
(size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML
4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya
dibuat tag <style> atau disebut dengan Cassading Style Sheets
(CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi
karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam
dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>
Preview
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman
cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat
sebelumnya, coba tambahkan dengan tag-tag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
Preview
Untuk membuat suatu paragraf, tag elemennya adalah
<p>…</p>, dan untuk baris baru adalah <br>, perlu
diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup,
sebagai contoh adalah <br> ada juga <hr>, apa itu
<hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
Preview
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr>
juga tidak menggunakan tag penutup. Untuk melihat tag-tag apa saja yang
tidak memerlukan tag penutup dapat dilihat di artikel tentang tag-tag html tanpa tag penutup.
Selanjutnya tag <h1>…</h1> disebut dengan Heading,
merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun
sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai
<h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah
h6. Preview
Selanjutnya tag <!--…--> adalah Comments digunakan untuk
memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments
akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk
menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan
tag <pre>…</pre>, misalnya jika anda menuliskan syair
sebuah lagu atau puisi:
<html>
<body>
<pre>
<b>PUITUIS ASA</b>
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai berhasil.
</pre>
</body>
</html>
Hyperlink digunakan untuk menghubungkan antar
dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a)
kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut.
Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>
Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan
gambar tersebut berada pada folder yang sama dengan dokumen html anda
dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang
bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif,
maka :
Img merupakan atribut untuk suatu image (gambar), border adalah garis
yang mengelilingi sisi image, width dan height merupakan lebar dan
tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar
tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar,
tambahkan dengan atribut align="…", left= kiri, center= tengah dan
right= kanan.
Sekarang
coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan
akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini
disebut dengan screen tips, cara membuatnya adalah menambahkan title
pada tag anchor (a) sehingga menjadi:
<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak
menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan
teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif
teks maka hanya akan dilambangkan dengan lambang x.
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah:
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.
Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan
nampak semakin menarik. Untuk memasukkan latar belakang kita bisa
menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau
.png yang akan dijadikan background, masukkan (copy) gambar tersebut ke
folder tempat file dokumen HTML anda berada, dan harus tahu nama dan
perluasan (extention) dari file tersebut, misalkan nama filenya adalah:
background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di
website orang lain, tapi dengan catatan anda harus sedang terhubung ke
internet (online) dan harus tahu alamat url dari gambar tersebut di
internet. Untuk mengetahui alamat suatu gambar klik kanan gambar
tersebut kemudian pilih properties dan lihat image location, copy alamat
tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
Serat optik adalah saluran transmisi atau sejenis kabel yang terbuat dari kaca atau plastik yang sangat halus dan lebih kecil dari sehelai rambut, dan dapat digunakan untuk mentransmisikan sinyal cahaya dari suatu tempat ke tempat lain. Sumber cahaya yang digunakan biasanya adalah laser atau LED[1]. Kabel ini berdiameter lebih kurang 120 mikrometer. Cahaya yang ada di dalam serat
optik tidak keluar karena indeks bias dari kaca lebih besar daripada
indeks bias dari udara, karena laser mempunyai spektrum yang sangat
sempit. Kecepatan transmisi serat optik sangat tinggi sehingga sangat
bagus digunakan sebagai saluran komunikasi.
Perkembangan teknologi serat optik saat ini, telah dapat menghasilkan
pelemahan (attenuation) kurang dari 20 decibels (dB)/km. Dengan lebar
jalur (bandwidth) yang besar sehingga kemampuan dalam mentransmisikan
data menjadi lebih banyak dan cepat dibandingan dengan penggunaan kabel
konvensional. Dengan demikian serat optik sangat cocok digunakan
terutama dalam aplikasi sistem telekomunikasi[2]. Pada prinsipnya serat optik memantulkan dan membiaskan sejumlah cahaya yang merambat didalamnya.
Efisiensi dari serat optik ditentukan oleh kemurnian dari bahan
penyusun gelas/kaca. Semakin murni bahan gelas, semakin sedikit cahaya
yang diserap oleh serat optik.
