30/03/2010

BUKAN TIPS BUKAN HACKING

Di bulan Maret ini hampir semua posting adalah tentang HTML. Dan hingga hampir memasuki bulan april, tanpa terasa ternyata jenuh juga jika setiap waktu luang yang ada selalu saya gunakan untuk tulis tentang Belajar HTML.
Kalau di pikir-pikir, sepertinya memang perlu juga tulisan dalam kategori yang lain. Betul tidak?

Nah, sekedar menutupi kejenuhan tersebut, kali ini saya akan berbagi tips pengalaman tentang beberapa kali pernah mencoba dan berhasil masuk ke akun facebook orang.
Bagaimana caranya? Yang pasti, yang pernah saya lakukan adalah hampir atau bahkan sama sekali tidak di dukung dengan pengetahuan khusus ataupun teori-teori tertentu yang dapat menjamin tingkat keberhasilanya. Melainkan, lebih mengedepankan analisa-analisa tertentu yang tingkat keberhasilanya lebih bergantung pada faktor keberuntungan.

Langsung saja, berikut ini saya ceritakan kejadianya satu per satu berikut dengan modus operasinya akal²anya ;D

Si A
Dengan Si A, saya tidak akrab hanya saling kenal nama dan muka, bukan teman di facebook bukan pula di friendster. Karena ada sesuatu yang buat saya penasaran, timbul keinginan untuk tahu lebih banyak tentang dia. Pertama, saya cari di facebook, tidak bisa lihat lengkap profilnya. Lalu saya coba cari di friendster, ternyata ada dan menyertakan emailnya juga ke dalam profilnya. Kedua, dimulai dengan coba-coba login ke emailnya, karena tidak tahu passwordnya maka alternatif yang saya gunakan adalah "lupa sandi". Dan ternyata, muncul pertanyaan sebuah "pertanyaan pengaman" yang kebetulan tidak terlalu sulit untuk mendapatkan jawabanya, "reset" => kena deh... Selanjutnya, saya coba masuk ke friendsternya. "lupa sandi" => masukan email => buka emailnya => dapat lagi deh... Setelah dapat sandi FS, saya yakin di FB juga pasti sama, dan setelah coba masuk ke FB, ternyata benar. Terakhir, untuk supaya dia tidak curiga, saya coba samakan ganti sandi emailnya sama dengan sandi FB dan FSnya.
Si B
Kenal di ril tapi tidak kenal di cyber, hanya punya akun FB dan email tentunya. Saya coba dengan cara yang sama seperti kepada Si A, ternyata tidak bisa. Sandi dan pengamanya cukup kuat. Lalu saya coba dengan cara lain yaitu dengan menebak-nebak. Dimulai dari orang² terdekatnya, benda² kesayanganya, mengutak-utik format tanggal lahirnya, dan pokoknya semua hal yang terkait denganya. Akhirnya, karena kebetulan juga, akhirnya saya bisa masuk ke FBnya dan tanpa butuh waktu yang banyak.
Si X
Jangankan jadi temen, untuk sekedar lihat poto profilnya pun tidak bisa. FBku di blokir, mesti logout dulu untuk sekedar lihat photonya. Sandinya sangat susah untuk ditebak, kedua cara pada si A dan si B sama sekali tidak mempan untuk si X. Dengan cara lain, bikin akun FB baru, add dia, pending confirmations sampai akhirnya basi ditolak. Dia sangat selektif dalam memilih teman, hanya orang² yang dikenal saja dapat berteman denganya. Dan parahnya lagi, tidak satupun diantara temanya ada yang saya kenal. Huuuh... Tapi saya tidak menyerah, pasti ada cara lain untuk paling tidak bisa menjadi temanya dan dapat melihat profilnya secara lebih lengkap. Dengan akun yang baru, dengan klik "teman x" saya coba melihat dan mengamati satu per satu photo² mereka. Beberapa orang saya add, dan saya pun mendapatkan confirm pertemanan dari sebagian dari mereka. Setelah sudah berteman dengan beberapa orang teman si X, satu per satu saya coba untuk dapat masuk ke FBnya yaitu dengan cara yang sama seperti pada si A dan si B, dan ternyata, dapat lageee... Akhirnya, saya bisa melihat profil si X, status dan aktifitas ataupun album photonya semua terlihat. Dan tentunya, adalah dengan cara mencuri meminjam akun FB dari salah satu temanya. Hehe..

Apapun bentuknya dan bagaimanapun caranya, pencurian password adalah merupakan tindakan kejahatan privasi.
Saran saya, jika anda seorang jenius, manfaatkan kelebihan anda untuk hal² yang berguna. Dan jangan lupa, berbagilah dengan saya ;D

Dengan semua yang tersebut diatas, saya berharap akan dapat memotivasi diri saya sendiri, untuk tidak lagi menyalahgunakan privasi orang lain.
Maaf..


readmore

29/03/2010

MEMBUAT LINK ATAU TAUTAN


Dalam setiap halaman WEB, sering dijumpai beberapa teks/kata/kalimat ataupun gambar yang dapat di klik untuk menuju ke halaman atau dokumen lain, atau disebut juga dengan istilah "link" atau juga "tautan".
Dalam HTML, tag yang diperlukan untuk dapat membuat link yaitu <a>(anchor) dengan standar atributnya href yang memiliki value/nilainya adalah berupa "URL tujuan daripada link tersebut".

Tag <a>

Ada banyak atribut yang tersedia untuk tag <a> ini. Yaitu antara lain, href, target, name, rel, dll.
Namun karena keterbatasan fasilitas yang saya milikki dalam hal uji praktek, maka disini hanya akan dijelaskan secara default saja.

Untuk membuat link, atribut href adalah yang wajib disertakan dalam tag <a>. Seperti yang sudah dijelaskan diatas, nilai/value dari href adalah berupa URL.
Contoh:

Jika ditulis:
Selamat datang di blog <a href="http://kakangsung.blogspot.com">Pelanglang Maya</a> dan terimakasih atas kunjunganya.

Hasilnya adalah:
Selamat datang di blog Pelanglang Maya dan terimakasih atas kunjunganya.


Bagaimana jika ingin menempatkan link pada sebuah gambar?
Contoh:
Jika ditulis:
Selamat datang di blog <a href="http://kakangsung.blogspot.com">
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png"/>
</a> dan terimakasih atas kunjunganya.

Hasilnya adalah:
Selamat datang di blog dan terimakasih atas kunjunganya.


NAME

Keterangan sekaligus contoh

Paragaraf ini membahas tentang atribut "name", nilai yang diperlukan adalah "nama"(bebas). Dimana pada kata pertama paragraph, yaitu "NAME" yang dicetak tebal bergaris bawah, telah ditandai dengan tag dan atribut <a name="nama"> sehingga menjadi seperti ini:

<a name="nama">NAME</a>

Paragraph/bagian selanjutnya
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Paragraph/bagian yang lain Untuk melihat hasilnya, yaitu dengan menambahkan <a href="#nama"> dan penutupnya </a> pada bagian/paragraph lain. Sebagai contoh, saya akan menambahkanya pada beberapa kata terakhir(warna biru) di paragraph ini.
Lihat hasilnya, klik untuk kembali ke NAME


Sedikit Tambahan :
Jika ingin supaya link di buka pada jendela baru, maka perlu ditambahkan atribut dan nilainya, target="_blank". Sehingga menjadi seperti ini,
<a href="URL" target="_blank">

Dan apabila diperlukan, adapun atribut rel dengan nilainya yaitu "nofollow dan "dofollow" .
Atribut rel ini tidak mempengaruhi tampilan pada browser. Karena funsi dari atribut ini adalah untuk memberitahu kepada Search Engine tentang hubungan antara halaman peyedia link dengan halaman tujuan dari link tersebut.

Cukup sekian saja ulasan tentang link atau tautan, semoga bermanfaat.



Sebelumnya | Berikutnya

readmore

28/03/2010

MENAMBAH GAMBAR DENGAN HTML


Jika kebetulan anda belum berkesempatan memiliki PC, optimalkan penggunaan ponsel untuk terus dapat belajar.
Belajar HTML dengan ponsel? siapa takut..
Sedikit panduan, silahkan klik Praktek HTML Dengan Ponsel. Dan barangkali perlu, silahkan baca juga Optimalkan Penggunaan Operamini.

Tag <img>

Untuk menambahkan gambar ke dalam suatu elemen tulisan/posting blog/artikel ataupun pada elemen lain dalam halaman WEB, tag yang diperlukan adalah <img>.
Tag <img> tidak memerlukan tag penutup secara terpisah, cukup dengan memberikan tanda "/" (slash) pada bagian akhir sebelum tanda">" sehingga menjadi seperti ini, <img/>.

Beberapa atribut dari tag <img>, yang diperlukan untuk dapat mengatur tampilan gambar pada browser antara lain:

src
Atribut ini wajib digunakan, yaitu untuk menentukan "lokasi asal" gambar yang akan ditampilkan. Lokasi yang dimaksud adalah, url yang mengarah/menuju ke sebuah file gambar.
border
Untuk mengatur bingkai
width
Untuk mengatur lebar gambar
height
Untuk mengatur tinggi gambar
alt
Alternatif yang akan ditampilkan jika gambar tidak dapat tampil dalam browser
Selain atribut "src" yang wajib dalam penggunaanya, atribut lain yang tersebut diatas adalah bersifat opsional.

Contoh:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png"/>
Hasilnya adalah:

Contoh berikutnya:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png" width="50px" height="25px"/>
Hasilnya adalah:

Contoh berikutnya:

Jika ditulis:
<img src="http://i676.photobucket.com/albums/vv122/sung_sun6/kakangsung.png" width="80px" height="40px" border="3" alt="contoh"/>
Hasilnya adalah:
contoh

Sebenarnya masih banyak hal yang perlu dipelajari terkait dengan gambar. Namun, berhubung saya sendiri baru banyak belajar secara teori, maka yang di ulas dalam posting ini adalah berdasarkan apa yang telah pernah saya praktekan sendiri dengan ponsel.



Sebelumnya | Berikutnya


readmore

KARAKTER TERTENTU HTML


Dalam suatu tampilan halaman HTML, beberapa tampilan simbol/karakter tertentu adalah dengan menggunakan kode-kode tersendiri dalam halaman editnya. Dengan kata lain, browser tidak akan menampilkan simbol/karakter(tertentu) yang dimaksud jika pada halaman edit di ketik dengan simbol/tanda/karakter itu sendiri.
Sebagai contoh misalnya, untuk menampilkan tanda "<" (buka kurung runcing) kode yang diperlukan adalah &lt;, dan untuk menampilkan ">", kodenya adalah &gt;.

Berikut ini adalah beberapa contoh simbol/karakter yang memerlukan kode tertentu untuk dapat ditampilkan pada halaman WEB.

KARAKTER KHUSUS

SIMBOL KODE KETERANGAN
< &lt; Kurung runcing buka
> &gt; Kurung runcing buka
" &quot; Tanda kutip
(spasi) &nbsp; Spasi
© &copy; Hak Cipta
® &reg; Terdaftar
± &plusmn; Plus Minus
½ &frac12; Setengah
¼ &frac14; Seperempat
² &sup2; Pangkat 2/Persegi
³ &sup3; Pangkat 3/kubik

Contoh penulisan:

Jika ditulis:
Tiga &lt; empat.
Tiga &gt; tiga.
Harap maklum, blog &quot;PELANGLANG MAYA&quot; memang begini adanya.
Hasilnya adalah:
Tiga < Empat
Empat > Tiga
Harap maklum, blog "PELANGLANG MAYA" memang begini adanya.

Contoh berikutnya:

Jika ditulis:
Tiga&nbsp;&nbsp;&nbsp;Spasi
Enam&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Spasi
Delapan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Spasi
Hak Cipta &copy; oleh Pelanglang Maya
Terdaftar &reg; 2010
Hasilnya adalah:
Tiga   Spasi
Enam      Spasi
Delapan        Spasi
Hak Cipta © oleh Pelanglang Maya
Terdaftar ® 2010

Contoh yang lain:

Jika ditulis:
&plusmn; &frac12; bagian isi dari Pelanglang Maya adalah hasil melanglang dunia maya. Dan &plusmn; &frac14; bagian saja dari isi keseluruhan, proses pekerjaanya dibantu dengan browser PC.

Hasilnya adalah:
± ½ bagian isi dari Pelanglang Maya adalah hasil melanglang dunia maya. Dan ± ¼ bagian saja dari keseluruhan, proses pekerjaanya dibantu dengan browser PC.

Dan jika ditulis:
5&sup2; = 25
5&sup3; =1 25

Hasilnya adalah:
5² = 25
5³ = 125

Untuk simbol/karakter dan kode lainya, tersedia lengkap di W3schools.



Sebelumnya | Berikutnya

readmore

25/03/2010

TABEL HTML BAGIAN AKHIR

Tag <td>

Melanjutkan dan melengkapi dari dua posting sebelumnya, TABEL HTML membahas tag <table> dan TABEL HTML II membahas tag <tr>, maka kali ini giliran tag <td>.

Tag <td> ini dapat disisipi dengan beberapa atribut yang terdapat pada tag <table> maupun pada tag <tr>. Yaitu antara lain, "bgcolor", "width", "align", ataupun "valign".
Selain daripada itu, atribut yang dapat digunakan adalah:

colspan
Untuk menggabungkan beberapa sel pada satu baris yang sama, dalam sebuah tabel yang memiliki lebih dari satu baris.
rowspan
Untuk menggabungkan beberapa sel pada satu kolom, dalam sebuah tabel yang terdiri dari banyak baris dan sel.

Mulai dengan contoh.
Contoh pertama adalah bagaimana membuat lebih dari satu baris dan sel dalam sebuah tabel.

Jika ditulis:
<table border="1" width="360px" cellpadding="5px">
<tr align="center">
<td width="20%">Simpati</td>
<td width="20%">As</td>
<td width="20%">Mentari</td>
<td width="20%">IM3</td>
<td width="20%">Axis</td>
</tr>
<tr align="center">
<td>Bebas</td>
<td>Jempol</td>
<td>3(three)</td>
<td>???</td>
<td>???</td>
</tr>
<tr align="center">
<td>Flexi</td>
<td>Esia</td>
<td>Fren</td>
<td>Hepi</td>
<td>Smart</td>
</tr>
<tr align="center">
<td>Star One</td>
<td>???</td>
<td>???</td>
<td>???</td>
<td>???</td>
</tr>
</table>

Hasilnya adalah:
Simpati As Mentari IM3 Axis
Bebas Jempol 3(three) ??? ???
Flexi Esia Fren Hepi Smart
Star One ??? ??? ??? ???

Perhatikan juga, lebar sel(<td>) yang juga bisa diatur dengan atribut "width" untuk tag <td> pada baris(<tr>) pertama saja.

Colspan

Contoh dengan "colspan "
Jika ditulis:
<table border="1" width="360px" cellpadding="5px">
<tr align="center">
<td colspan="5" bgcolor="red">Operator Selular</td>
</tr>
<tr align="center">
<td width="20%">Simpati</td>
<td width="20%">As</td>
<td width="20%">Mentari</td>
<td width="20%">IM3</td>
<td width="20%">Axis</td>
</tr>
<tr align="center">
<td>Bebas</td>
<td>Jempol</td>
<td>3(three)</td>
<td>???</td>
<td>???</td>
</tr>
<tr align="center">
<td>Flexi</td>
<td>Esia</td>
<td>Fren</td>
<td>Hepi</td>
<td>Smart</td>
</tr>
<tr align="center">
<td>Star One</td>
<td>???</td>
<td>???</td>
<td>???</td>
<td>???</td>
</tr>
</table>

Hasilnya adalah:
Operator Selular
Simpati As Mentari IM3 Axis
Bebas Jempol 3(three) ??? ???
Flexi Esia Fren Hepi Smart
Star One ??? ??? ??? ???
Lihat dan perhatikan juga pada baris pertama, tag <td> juga dapat disisipi dengan atribut "bgcolor"

Rowspan

Contoh dengan "rowspan "
Jika ditulis:
<table border="1" width="360px" cellpadding="5px">
<tr align="center">
<td rowspan="2" width="10%">GSM</td>
<td width="18%">Simpati</td>
<td width="18%">As</td>
<td width="18%">Mentari</td>
<td width="18%">IM3</td>
<td width="18%">Axis</td>
</tr>
<tr align="center">
<td>Bebas</td>
<td>Jempol</td>
<td>3(Three)</td>
<td>???</td>
<td>???</td>
</tr>
<tr align="center">
<td rowspan="2">CDMA</td>
<td>Flexi</td>
<td>Esia</td>
<td>Fren</td>
<td>Hepi</td>
<td>Smart</td>
</tr>
<tr align="center">
<td>Star One</td>
<td>???</td>
<td>???</td>
<td>???</td>
<td>???</td>
</tr>
</table>
Hasilnya adalah:
GSM Simpati As Mentari IM3 Axis
Bebas Jempol 3(Three) ??? ???
CDMA Flexi Esia Fren Hepi Smart
Star One ??? ??? ??? ???

Untuk lebih memaksimalkan tabel seperti pada contoh diatas, gunakan atribut colspan dan rowspan secara bersamaan.

Contoh:

Jika ditulis:
<table border="1" width="360px" cellpadding="5px">
<tr align="center">
<td colspan="6">Operator Selular</td>
</tr>
<tr align="center">
<td rowspan="2" width="10%">GSM</td>
<td width="18%">Simpati</td>
<td width="18%">As</td>
<td width="18%">Mentari</td>
<td width="18%">IM3</td>
<td width="18%">Axis</td>
</tr>
<tr align="center">
<td>Bebas</td>
<td>Jempol</td>
<td>3(Three)</td>
<td>???</td>
<td>???</td>
</tr>
<tr align="center">
<td rowspan="2">CDMA</td>
<td>Flexi</td>
<td>Esia</td>
<td>Fren</td>
<td>Hepi</td>
<td>Smart</td>
</tr>
<tr align="center">
<td>Star One</td>
<td>???</td>
<td>???</td>
<td>???</td>
<td>???</td>
</tr>
</table>

Hasilnya adalah:
Operator Selular
GSM Simpati As Mentari IM3 Axis
Bebas Jempol 3(Three) ??? ???
CDMA Flexi Esia Fren Hepi Smart
Star One ??? ??? ??? ???



Sebelumnya | Berikutnya


readmore

24/03/2010

TABEL SEDERHANA HTML II

Tag <tr>

Masih terkait dengan posting sebelumnya yaitu tabel sederhana html,dimana kali ini adalah akan sedikit mengulas tentang salah satu tag yang dalam penggunaanya selalu beriringan dengan tag <table> yaitu tag <tr>(table rows).
Atribut untuk tag ini antara lain:
align
Untuk menentukan perataan kanan-kiri konten dalam tabel. Pilihan nilai/value yang diperlukan adalah "left" "center" "justify" dan "right"
height
Untuk mengatur ketinggian tabel. Nilainya adalah dalam satuan piksel "px"
valign(vertical align)
Untuk menentukan perataan atas-bawah. Value/nilainya adalah, "top" "middle" "bottom" "baseline"

Lihat beberapa contoh dibawah ini.

Contoh 1 dengan align
Jika ditulis:
<table border="1">
<tr align="left"><td> Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata di sebelah kiri. </td></tr>
</table>

Hasilnya adalah:
Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata di sebelah kiri.

Atau jika ditulis:
<table border="1">
<tr align="center"><td> Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata di tengah. </td></tr>
</table>

Hasilnya adalah:
Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata di tengah.

Atau juga jika ditulis:
<table border="1">
<tr align="justify"><td> Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata kanan-kiri. </td></tr>
</table>

Hasilnya adalah:
Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata kanan-kiri.

Dan atau jika ditulis:
<table border="1">
<tr align="right"><td> Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata di kanan. </td></tr>
</table>

Hasilnya adalah:
Tulisan ini adalah contoh, tulisan ini terletak didalam sebuah tabel dengan ukuran border satu dan memiliki gaya rata kanan.

Contoh 2 dengan height
Jika ditulis:
<table border="1" width="200px">
<tr height="100px">
<td> Tinggi tabel sama dengan dua kali lebar tabel
</td></tr>
</table>

Hasilnya adalah:
Tinggi tabel sama dengan dua kali lebar tabel

Contoh 6 dengan valign
Jika ditulis:
<table border="1" width="200px">
<tr height="100px" valign="top">
<td>
Pelanglang Maya
</td></tr>
</table>

Hasilnya adalah:
Pelanglang Maya

Atau jika ditulis:
<table border="1" width="200px">
<tr height="100px" valign="middle">
<td>
Pelanglang Maya
</td></tr>
</table>

Hasilnya adalah:
Pelanglang Maya

Dan jika ditulis:
<table border="1" width="200px">
<tr height="100px" valign="bottom">
<td>
Pelanglang Maya
</td></tr>
</table>

Hasilnya adalah:
Pelanglang Maya

Jika ditulis:
<table border="1" width="200px">
<tr height="100px" valign="baseline">
<td>
Hasil tidak tampak pada browser opera mini
</td></tr>
</table>

Hasilnya adalah:
Hasil tidak tampak pada browser opera mini

Untuk contoh berikut ini adalah tabel yang terdiri lebih dari satu baris.

Jika ditulis:
<table border="1" width="250px" cellpadding="10px">
<tr><td>Baris 1 </td></tr>
<tr><td>Baris 2 </td></tr>
<tr><td>baris 3 </td></tr>
<tr><td>Baris 4 </td></tr>
<tr><td>Baris 5 </td></tr>
</table>

Hasilnya adalah:
Baris 1
Baris 2
Baris 3
Baris 4
Baris 5


Untuk mengoptimalkan hasilnya, cobalah sendiri dengan memberikan beberapa atribut pada setiap tag.



Sebelumnya | Berikutnya

readmore

22/03/2010

TABEL SEDERHANA HTML

Setelah sudah melewati beberapa tahapan dalam belajar html, belajar kali ini adalah tentang bagaimana cara membuat tabel sederhana. Kenapa saya katakan sederhana? karena cukup banyaknya atribut yang dapat digunakan dalam membuat tabel, dan juga karena keterbatasan yang ada( praktek dengan ponsel=>operamini mod)
, maka disini saya hanya akan menjelaskan sedikit dasar-dasarnya saja untuk membuat tabel secara sederhana.
Untuk membuat table dalam HTML, diperlukan beberapa tag yang digunakan secara bersamaan sesuai dengan fungsinya, yaitu:

<table>
Untuk mendefinisikan sebuah tabel
<tr>
Untuk mendefinisikan baris pada tabel
<td>
Untuk mendefinisikan sel pada tabel

Dari ketiga tag tersebut, untuk memaksimalkan tampilan tabel, tentunya masing-masing dapat diberikan dengan berbagai atribut.

Oleh karena panjangnya tulisan yang harus saya ketik jika harus sekaligus saya menjelaskanya, maka untuk sekedar menghindari kejenuhan, saya akan menjelaskanya satu per satu pada tiap tag.

Tag <table>.
Atribut yang digunakan antara lain:

border.
Ukuran untuk mengatur garis tepi, nilainya adalah 0, 1 (standar), 2, 3,..dst.
width.
Untuk menentukan lebar tabel. Nilainya adalah satuan dalam piksel (px), atau persen (%).
cellpadding.
Untuk mengatur jarak antara dinding sel dengan konten. Satuan nilainya adalah piksel (px) ataupun persen (%)
cellspacing
Untuk mengatur jarak antar sel. Satuan nilainya adalah piksel (px) ataupun persen (%)
bgcolor.
Untuk menentukan warna background. Nilainya adalah nama warna ataupun dengan menggunakan kode warna. Silahkan untuk melihat terlebih dahulu beberapa contoh warna dan kodenya.

Mulai dengan contoh.

Contoh Pertama Dengan border:

Jika ditulis:
<table border="1">
<tr><td>
Tabel Border 1 piksel </td></tr>
</table>

Hasilnya adalah:
Tabel Border 1 piksel


Atau jika ditulis:
<table border="5px">
<tr><td>
Tabel Border 5 piksel </td></tr>
</table>

Hasilnya adalah:
Tabel Border 5 piksel

Perhatikan perbedaan kedua contoh diatas


Contoh 2 dengan width:

Jika ditulis:
<table border="1" width="350px">
<tr><td>
Lebar Tabel 350px </td></tr>
</table>

Hasilnya adalah:
Lebar Tabel 350px


Atau jika ditulis:
<table border="1" width="85%">
<tr><td>
Lebar Tabel 85% </td></tr>
</table>

Hasilnya adalah:
Lebar Tabel 85%

Perhatikan perbedaan kedua contoh diatas

Catatan:
Jika persen (%) digunakan, perhitunganya adalah berdasarkan lebar dari elemen bagian (divisi) terkait, dalam suatu halaman web


Contoh 3 dengan cellpadding

Jika ditulis:
<table border="1" width="350px" cellpadding="10px">
<tr><td>
Jarak sel=>isi 10piksel </td></tr>
</table>

Hasilnya:
Jarak sel=>isi 10px

Atau jika ditulis:
<table border="1" width="350px" cellpadding="20px">
<tr><td>
Jarak sel=>isi 10piksel </td></tr>
</table>

Hasilnya:
Jarak sel=>isi 20piksel

Perhatikan perbedaan kedua contoh diatas


Contoh 4 dengan cellspacing:

Atribut ini sangat diperlukan untuk tabel yang terdiri lebih dari satu sel.
Contoh berikut adalah sekaligus bagaimana membuat tabel lebih dari 1 sel.

Jika ditulis:
<table border="1" width="100%" cellpadding="10px" cellspacing="5px">
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
<td>Sel 3</td>
<td>Sel 4</td>
<td>Sel 5</td>
</tr>
</table>

Hasilnya:
SEL 1 SEL 2 SEL 3 SEL 4 SEL 5


Atau jika ditulis:
<table border="1" width="375px" cellpadding="10px" cellspacing="15px">
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
<td>Sel 3</td>
<td>Sel 4</td>
<td>Sel 5</td>
</tr>
</table>

Hasilnya:
SEL 1 SEL 2 SEL 3 SEL 4 SEL 5

Perhatikan perbedaan kedua contoh diatas


Contoh 5 dengan bgcolor

Jika ditulis:
<table border="1" width="350px" bgcolor="red">
<tr><td> background warna merah</td></tr></table>

Hasilnya adalah:
Background warna merah

Harap dimaklumi jika ada bahasa yang salah, saran dan kritiknya diharapkan.



Sebelumnya | Berikutnya


readmore

20/03/2010

MEMBUAT DAFTAR DAN DESKRIPSINYA

Selain daftar berurutan dan daftar tak berurutan, dalam HTML ada juga jenis daftar yang disertai dengan pendeskripsian dari tiap itemnya.
Membuat daftar dengan item yang lengkap disertai dengan deskripsinya, tag yang digunakan adalah:

<dl>
Mendefinisikan daftar
<dt>
Mendefinisikan item
<dd>
Mendefinisikan keterangan item

Contoh:


Jika ditulis:
Beberapa alternatif aplikasi browser ponsel yang pernah saya kenal antara lain:
<dl>
<dt>Opera Mini</dt>
<dd>Browser Ponsel yang merupakan pilihan utama dari yang paling sering saya gunakan</dd>
<dt>Ucweb</dt>
<dd>Pilihan kedua dari yang paling sering saya gunakan.</dd>
</dd>
<dt>Bolt</dt>
<dd>Sebenarnya cukup lumayan, tapi saya kurang tertarik dengan tampilanya.</dd>
<dt>Morange </dt>
<dd>Yang ini juga cukup lumayan, tapi saya jarang gunakan. </dd>
<dt>Teashark<dt>
<dd>Pernah sekali mencoba, tapi sepertinya tidak cukup bersahabat dengan ponsel saya.</dd>
</dl>

Hasilnya adalah:
Beberapa alternatif aplikasi browser ponsel yang pernah saya kenal antara lain:
Opera Mini
Browser Ponsel yang merupakan pilihan utama dari yang paling sering saya gunakan
Ucweb
Pilihan kedua dari yang paling sering saya gunakan.
Bolt
Sebenarnya cukup lumayan, tapi saya kurang tertarik dengan tampilanya.
Morange
Yang ini juga cukup lumayan, tapi saya jarang gunakan.
Teashark
Pernah sekali mencoba, tapi sepertinya tidak cukup bersahabat dengan ponsel saya.

Setelah melihat contoh diatas, silahkan coba untuk dipraktekan sendiri.
Untuk diketahui, gabungan tag <dl> <dt> dan <dd> ini ternyata tidak menampilkan secara maksimal pada browser bawaan pada hp saya sendiri, SE K608i yang telah di sulap menjadi K600i.
Namun sangat jelas hasilnya jika pada browser Operamini.



Sebelumnya | Berikutnya

readmore

19/03/2010

DAFTAR TAK BERURUTAN

Jika pada posting sebelumnya adalah mengenai Membuat daftar berurutan, kali ini adalah membuat daftar tak berurutan.
Oh ya, untuk sekedar diketahui juga, semua posting yang ada di PELANGLANG MAYA ini adalah di ketik dengan ponsel dengan menggunakan teks editor yang terdapat di operamini mod. Belum punya opmin mod? Coba cari di postingan terdahulu, Jad dan Jar.

Langsung saja ke konteks utamanya, belajar html.
Untuk membuat daftar tak berurutan, atau daftar yang itemnya ditandai dengan simbol-simbol tertentu, caranya hampir sama dengan membuat daftar yang berurutan. Hanya saja, jika pada yang berurutan menggunakan tag <ol>(ordered list), sedangkan untuk yang tidak berurutan adalah dengan menggunakan tag <ul>(unordered list) yang juga disertai dengan tag <li>. Jadinya seperti ini, <ul><li>item</li></ul>.
Atribut yang digunakan untuk tag <ul> ini adalah, "disc(standar)", "circle", dan "square".
Untuk mengetahui bagaimana cara kerjanya, perhatikan contoh di bawah ini.
Contoh 1:


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ul>
<li>Nokia</ li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla>
</ul>

Hasilnya adalah:
Beberapa merk ponsel terkenal antara lain:
  • Nokia
  • Sony Ericsson
  • Samsung
  • Siemens
  • Motorolla


Contoh diatas adalah tampilan standar dari tag <ul> yang tanpa menggunakan atribut.
Contoh 2:

Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ul type="circle">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li></ul>

Hasilnya adalah:
Beberapa merk ponsel terkenal antara lain:
  • Nokia
  • Sony Ericsson
  • Samsung
  • Siemens
  • Motorolla


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ul type="square">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li></ul>

Hasilnya adalah:
Beberapa merk ponsel terkenal antara lain:
  • Nokia
  • Sony Ericsson
  • Samsung
  • Siemens
  • Motorolla


Contoh diatas adalah penggunaan tag <ul> dengan atributnya, baik dengan "square", ataupun "circle", masing-masing memiliki tanda item dengan ciri khas tersendiri.



Sebelumnya | Berikutnya


readmore

MEMBUAT DAFTAR BERURUTAN

Tag <ol>.
Tag <ol> berfungsi untuk mendefinisikan sebuah list atau daftar yang berurutan. Dan dalam penggunaannya, tag <ol> di ikuti dengan tag <li> yang mendefinisikan item dalam daftar.
Cara penulisanya adalah dengan menyisipkan tag <li> diantara tag <ol> dan penutupnya seperti ini, <ol><li>item</li></ol>.Sementara atribut untuk tag <ol> adalah "type" dan "start".
Type adalah untuk menentukan seperti apa model urutan yang ingin ditampilkan dalam browser. Nilai yang dapat digunakan adalah:

  • "1" untuk 1,2,3...dst (standar).
  • "A" untuk A,B,C...dst.
  • "a" untuk a,b,c...dst.
  • "i" untuk i,ii,iii,iv,...dst.
  • "I" untuk I,II,III,IV...dst.

Start, untuk menentukan mulai urutan item yang mana/ke berapa yang ingin ditampilkan dalam browser.

Untuk lebih jelasnya, perhatikan beberapa contoh berikut ini.
Contoh 1:


Tulis:
Beberapa merk ponsel terkenal antara lain:
<ol>
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Hasilnya adalah:
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Pada contoh diatas tag <ol> tanpa menggunakan atribut apapun, maka yang ditampilkan dalam browser adalah tampilan standar. Yaitu model urutan yang dimulai dari angka "1" dan seterusnya.

Contoh 2:


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ol type="A">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya adalah :
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Dan jika ditulis:
Beberapa merk ponsel terkenal antara lain:<ol type="I">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya adalah :
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Pada contoh di atas, value/nilai "A" digunakan untuk A, B, C.. dst. Dan "I" untuk I, II, III... dst.
Silahkan coba sendiri untuk value yang lain.

Contoh 3:


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ol type="1" start="3">
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya:
Beberapa merk ponsel terkenal antara lain:
  1. Samsung
  2. Siemens
  3. Motorolla


Pada contoh di atas menjelaskan bagaimana atribut start bekerja. Dengan memberikan valu "3" maka urutan daftar item dimulai dari 3.



Sebelumnya | Berikutnya


readmore

17/03/2010

KODE HEXA WARNA

Terkait dengan belajar mengatur teks, berikut ini adalah beberapa contoh warna dan kodenya.
Mengingat diri saya yang bukan type "teliti", harap dimaklumi jika ada ketidakcocokan antara kode dan warnanya. Sampe pegel neh jempol buat ngetik...;D

#000000 #000033 #000066 #000099 #0000CC #0000FF #003300
#003333 #003366 #003399 #0033CC #0033FF #006600 #006633
#006666 #006699 #0066CC #0066FF #009900 #009933 #009966
#009999 #0099CC #0099FF #00CC00 #00CC33 #00CC66 #00CC99
#00CCCC #00CCFF #00FF00 #00FF33 #00FF66 #00FF99 #00FFCC
#00FFFF #330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF #336600
#336633 #336666 #336699 #3366CC #3366FF #339900 #339933
#339966 #339999 #3399CC #3399FF #33CC00 #33CC33 #33CC66
#33CC99 #33CCCC #33CCFF #33FF00 #33FF33 #33FF66 #33FF99
#33FFCC #33FFFF #660000 #660033 #660066 #660099 #6600CC
#6600FF #663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF #669900
#669933 #669966 #669999 #6699CC #6699FF #66CC00 #66CC33
#66CC66 #66CC99 #66CCCC #66CCFF #66FF00 #66FF33 #66FF66
#66FF99 #66FFCC #66FFFF #990000 #990033 #990066 #990099
#9900CC #9900FF #993300 #993333 #993366 #993399 #9933CC
#9933FF #996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF #CC0000
#CC0033 #CC0066 #CC0099 #CC00CC #CC00FF #CC3300 #CC3333
#CC3366 #CC3399 #CC33CC #CC33FF #CC6600 #CC6633 #CC6666
#CC6699 #CC66CC #CC66FF #CC9900 #CC9933 #CC9966 #CC9999
#CC99CC #CC99FF #CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC
#CCCCFF #CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FFCC00 #FFCC33 #FFCC66
#FFCC99 #FFCCCC #FFCCFF #FFFF00 #FFFF33 #FFFF66 #FFFF99
#FFFFCC #FFFFFF #222222 #222244 #222288 #2222AA #2222BB
#2222EE #224422 #224444 #224488 #2244AA #2244BB #2244EE
#228822 #228844 #228888 #2288AA #2288BB #2288EE #22AA22
#22AA44 #22AA88 #22AAAA #22AAEE #22EE22 #22EE44 #22EE88
#22EEAA #22EEEE #442222 #442244 #442288 #4422AA #4422EE
#444422 #444444 #444488 #4444AA #4444EE #448822 #448844
#448888 #4488AA #4488EE #44AA22 #44AA44 #44AA88 #44AAEE
Untuk yang menggunakan browser di PC/Laptop, bisa melihat tabel warna lebih lengkap lagi Di sini

Selain warna-warna/kode-kode di atas, masih banyak lagi jenis warna yang lain. Dan terkait dengan belajar html, kita dapat mengganti semua nama warna yang ada dengan kode-kode tertentu.



Sebelumnya | Berikutnya

readmore

16/03/2010

HEADING DAN PARAGRAF HTML

Membuat Heading

Heading itu apa ya? Saya sendiri kurang begitu paham..
Mungkin, kurang lebihnya heading adalah isi bagian atas pada suatu tulisan, artikel, bab, ataupun postingan atau yang biasa disebut dengan judul, yang pada umumnya ukuran teksnya lebih besar daripada teks yang terdapat pada seluruh isi tulisan. Betul tidak? Mohon pencerahanya jika saya keliru.

Langsung saja, belajar HTML saya kali ini adalah tentang heading yang ditandai dengan tag antara <h1> s/d <h6>.
Untuk lebih jelasnya bagaimana cara kerja tag <h1> - <h6>, perhatikan contoh berikut ini:


Jika ditulis:
<h1>Kepala Satu</h1>
<h3>Kepala Tiga</h3>
<h4>Kepala Empat</h4>
<h5>Kepala Lima</h5>
<h6>Kepala Enam</h6>

Hasilnya adalah:

Kepala Satu

Kepala Tiga

Kepala Empat

Kepala Lima
Kepala Enam




Pada contoh diatas, sekilas saja ternyata hampir sama dengan jika menggunakan tag <font> yang di ikuti dengan atribut size seperti pada Belajar sebelumnya.
Namun demikian, jelas berbeda. Karena fungsinya sebagai "heading", maka secara otomatis browser akan memberikan baris yang lain untuk kata/kalimat berikutnya.
Dan dari beberapa informasi yang pernah saya dapatkan, tag untuk heading ini adalah yang lebih memiliki peran penting dalam hal SEO.
SEO itu apa? Maaf, sebaiknya jangan dulu tanyakan kepada saya.

Membuat Paragraph

Untuk membuat paragraph dalam sebuah artikel, tag yang digunakan adalah <p>.
Langsung ke contoh:



Tulis:
<p>Ini adalah paragraph pertama pada artikel belajar HTML</p>
<p>Dan ini adalah paragraph kedua pada artikel belajar HTML</p>

Hasil:

Ini adalah paragraph pertama pada artikel belajar HTML

Dan ini adalah paragraph kedua pada artikel belajar HTML




Perataan

Untuk mengatur perataan baris kata pada suatu paragraph, yaitu dengan menambahkan atribut "align" berserta nilainya yaitu left, center, right.
Contoh:


Jika ditulis:
<p align="left">Ini adalah paragraph pertama rata kiri pada artikel belajar HTML</p>
<p align="center">Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML</p>
<p align="right">Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML</p>

Hasilnya:

Ini adalah paragraph pertama rata kiri pada artikel belajar HTML

Dan ini adalah paragraph kedua rata tengah pada artikel belajar HTML

Ini adalah paragraph ketiga rata kanan pada artikel belajar HTML




Terkait Dengan Paragraph

Untuk pindah ke baris berikutnya pada penulisan dengan html, tombol "Enter" pada komputer atau tanda "Panah bengkok kebawah-kiri" pada ponsel, tidak akan dapat berfungsi sebagaimana mestinya. Untuk masalah ini, tag <br> adalah yang berfungsi untuk pindah ke baris berikutnya.
Contoh:


Jika ditulis:
Ini baris pertama<br>Ini baris kedua<br>Ini baris ketiga

Hasilnya:
Ini baris pertama
Ini baris kedua
Ini baris ketiga




Jika ingin memberikan baris kosong, maka cukup tambahkan tag <br> beberapa kali sesuai yang di inginkan.

Menjorok Ke Dalam

Untuk membuat paragrap yang letaknya jadi agak menjorok ke dalam, tag yang di perlukan adalah <blockquote>
Contoh:



Tulis:
<p>Ini hanya paragraph standar yang terletak sebagaimana mestinya.</p><p><blockquote>Sedangkan ini adalah paragraph baru yang menjorok ke dalam</blockquote></p>

Hasilnya:

Ini hanya paragraph standar yang terletak sebagaimana mestinya.

Sedangkan ini adalah paragraph baru yang menjorok ke dalam.




Doooh... mata ngantuk jempol pegel, hooaaem...
Udahan dulu yah, besok disambung lagi.



Sebelumnya | Berikutnya

readmore

14/03/2010

MENGATUR TEKS DENGAN HTML

Untuk mengatur tampilan font dengan HTML agar dapat menjadi seperti yang kita inginkan, beberapa tag yang diperlukan antara lain:

Tag <b>.
Tag <b>(bold) adalah berfungsi untuk menampilkan teks tebal. Lihat contoh berikut ini:


Jika ditulis begini:
<b>teks tebal</b>


Maka hasilnya adalah:
teks tebal
Silahkan untuk percobaan pertamanya.


Catatan:
Browser ponsel dapat mendeteksi tag ini, namun dengan browser Operamini sepertinya masih belum dapat ditampilkan.

Tag <i>.
Tag <i>(italic) adalah berfungsi untuk menampilkan teks miring.
Contoh:


Jika ditulis:
<i>teks miring</i>


Maka hasilnya adalah:
teks miring
Silahkan coba kembali



Catatan:
Browser Operamini belum dapat menampilkan fungsi dari tag ini.

Tag <u>.
Tag <u>(underline) adalah berfungsi untuk menampilkan teks dengan garis bawah.
Contoh:


Tulis:
<u>teks bergaris bawah</u>


Maka hasilnya adalah:
teks bergaris bawah
Cobalah

Tag <s>.
Tag <s>(strike) adalah berfungsi untuk menampilkan teks dicoret.
Contoh:


Tulis:
<s>teks ini dicoret</s>


Hasil: teks ini dicoret
Jangan bosan mencoba

Tag <big>.
Tag <big> adalah berfungsi untuk menampilkan ukuran teks jadi lebih besar.
Contoh:


Tulis:
<big>teks besar</big>


Hasil:
teks besar
Cobalah terus

<small>.
Tag <small> adalah berfungsi untuk menampilkan teks jadi lebih kecil.
Contoh:


Tulis:
<small>teks kecil</small>


Hasil:
teks kecil

Tag <sup>.
Tag <sup>(supcript) adalah berfungsi untuk menampilkan posisi teks sedikit naik ke atas.
Contoh:


Tulis:
100 M<sup>2</sup>


Hasil:
100 M2

Tag <sub>.
Tag <sub> adalah berfungsi untuk menampilkan letak teks sedikit turun ke bawah.
Contoh:


Tulis:
O<sub>2</sub>


Hasil:
O2

Tag <font>.
Tag <font> memilki beberapa atribut yang berfungsi untuk menegaskan bagaimana gaya(style) font akan ditampilkan.
Atribut adalah kode yang memiliki nilai yang berfungsi untuk menjelaskan secara spesifik dari sebuah tag . Terletak di dalam tag pembuka antara nama tag dan tanda (>), cara penulisanya adalah seperti ini,<tag atribut="nilai">.
Dalam tag <font> sendiri, beberapa atributnya antara lain:
Size.
Atribut ini memiliki nilai atntara 1 s/d 7.
Contoh:


Tulis:
<font size="1">ini ukuran 1</font>
<font size="4">ini ukuran 4</font>
<font size="7">ini ukuran 7</font>


Maka hasilnya adalah:
ini ukuran 1
ini ukuran 4
ini ukuran 7
Silahkan coba sendiri untuk ukuran yang lainnya.


Color.
Atribut ini berfungsi untuk memberikan warna teks, cara penggunaanya sama dengan seperti halnya atribut size. Nilai dari atribut ini yaitu dengan nama warna(dalam bahasa inggris) seperti misalnya, red, blue, green, dll. Selain dengan nama warna, bisa juga dengan kode hexa warna seperti misalnya, #00000 untuk hitam, #FF0000 untuk merah, #0000FF untuk biru, dll. Untuk dapat melihat tabel kode warna, W3shools juga menyediakanya secara lengkap.

Contoh :

Tulis:
<font color="red">teks warna merah</font>
<font color="blue">teks warna biru </font>
<font color="#FFFF00">teks warna kuning/kode</font>


Maka hasilnya adalah:
teks warna merah
teks warna biru
teks warna kuning/kode
Pada contoh diatas, nilai pada warna kuning adalah menggunakan kode hexa warna.
Silahkan coba sendiri untuk warna lainya.


Face.
Atribut ini adalah untuk menentukan tampilan bentuk dari teks. Beberapa nama style font untuk menentukan nilai dari atribut face antara lain, arial, verdana, impact, dll.
Contoh:

Tulis:
<font face="arial">gaya teks arial</font>
<font face="verdana">gaya teks verdana</font>
<font face="impact">gaya teks impact</font>


Maka hasilnya a dalah:
gaya teks arial
gaya teks verdana
gaya teks impact
Silahkan untuk dicoba.


Dari beberapa atribut di atas, dapat digunakan secara bersamaan dalam sehingga menjadi seperti ini, contoh:

<font size="7" color="green" face="arial">teks ukuran 5 berwarna hijau gaya arial</font>


Maka hasilnya adalah:
teks ukuran 5 berwarna hijau gaya arial
Silahkan untuk dicoba lagi.




Sebelumnya | Berikutnya


readmore

PRAKTEK HTML DENGAN PONSEL

Dokumen HTML adalah sebuah file berektensi .htm ataupun .html yang berisikan teks-teks biasa atau dalam bahasa anak sekolah kalau tidak salah dikenal sebagai teks ASCII, yang diawali dengan tag <html> dan ditutup dengan tag </html>.
Tag adalah teks tertentu sebagai kode, yang digunakan untuk menandai teks yang lain(memberi perintah kepada browser) agar tampilan menjadi seperti yang kita inginkan.
Contoh pertama :


jika kita tulis seperti di bawah ini:
<html>Contoh Pertama</html>

maka hasilnya pada browser adalah:
Contoh Pertama

Pada contoh di atas tampak tidak ada perubahan yang terjadi pada kata "Contoh Pertama", karena kita hanya menggunakan tag dasar HTML.

Untuk mengetahui berbagai macam tag yang ada, berikut ini adalah sebagian dari macam-macam tag dalam HTML sesuai dengan pengetahuan saya:

<head>
<title>
<h1-h6>
<body>
<p>
<blockquote>
<br>
<font>
<b>
<i>
<u>
<s>
<big>
<small>
<sub>
<sup>
<center>
<table>
<tr>
<td>
<ul>
<ol>
<li>
<select>
<option>
<form>
<input>
<textarea>
<a>
<img>
<iframe>
<embed>

Buat kalian(saya juga) yang kebetulan tidak/belum memiliki komputer, untuk belajar praktek sendiri dengan ponsel anda bisa menggunakan aplikasi yang dilengkapi dengan teks editor. Dalam hal ini, saya menggunakan operamini mod.
Untuk membuat file baru berupa dokumen HTML denga operamini mod, caranya adalah:

Menu => Menuju => File Manager => Pilih Folder untuk menyimpan => Menu => Operation => File Baru => namafile.html => ok. Lalu pada file baru tersebut tekan lagi, Menu => buka => text/win => edit => teks/semua => silahkan mulai buat dokumen html dan kemudian simpan jika telah selesai.
Untuk melihat hasilnya, buka file tersebut langsung dari ponsel. Maka ponsel akan membawa anda ke halaman browser untuk dapat menampilkan file.html tersebut.
Untuk dapat melihat hasil lebih maksimal, upload file tersebut ke folder gmail(cara saya).
Maksud saya :
buka akun gmail anda dengan operamini 4 atau operamini beta dengan tampilan penuh (mode HTML) => upload dan kirim file.html ke akun email anda yang lain => lihat salinanya dalam pesan terkirim => klik tampilan. Atau, bisa juga jika mungkin diantara kalian ada yang mempunyai trik tersendiri.

Apabila ponsel anda tidak dapat mengenali file.html, maka gunakan cara yang kedua untuk melihat hasilnya.
Jika anda belum memiliki akun gmail, silahkan baca Membuat Email Lewat Ponsel. Dan juga jika di ponsel anda belum terpasang operamini mod, silahkan cari dan telusuri di Arena Download

Setelah semuanya sudah siap, silahkan untuk menuju ruang belajar berikutnya.


readmore

BELAJAR MENGENAL HTML

Belajar HTML itu penting.
HTML itu apa? Untuk apa? Seperti apa? Bagaimana?
Karena saya sendiri juga masih dalam tahap belajar, maka jika anda seorang pemula yang juga sedang belajar dan ingin mengenal lebih jauh tentang HTML, saya sarankan kepada anda untuk belajar mengenai HTML di Prothelon atau lebih lengkap lagi di W3 Schools atau juga silahkan cari sendiri di google dengan kata kunci "belajar HTML". Untuk W3 Schools, karena situs tersebut menggunakan bahasa inggris, ada baiknya anda memanfaatkan layanan Google Translate jika anda masih belum lancar berbahasa inggris seperti saya.
Nah,akan tetapi jika anda atau siapa saja berkenan dan ingin belajar bersama dengan saya, maka dengan senang hati saya akan menyediakan waktu untuk anda.
Dan karena saya sendiri mempelajari HTML lebik banyak dengan bantuan browser ponsel/operamini,maka tulisan ini lebih saya arahkan untuk anda-anda yang biasa menggunakan ponsel sebagai alat browsing.

Sedikit saja penjelasan dari sedikit pengetahuan yang pernah saya dapatkan, HTML atau kepanjangan dari Hyper Text Mark up Language adalah bahasa mark up yang digunakan untuk membuat sebuah halaman web yang menampilkan berbagai informasi dalam browser. Sekali lagi untuk lebih lengkapnya, silahkan menuju link-link yang telah saya cantumkan di atas.
Menguasai HTML akan menjadi sangat penting untuk setiap netter, khususnya bagi anda yang sedang belajar/memulai untuk jadi seorang blogger. Karena dengan HTML, kita bisa mengatur tampilan wajah blog. Seperti misalnya, kita dapat mengatur tampilan font pada postingan.
Seperti tulisan ini dan semua posting yang ada di blog PELANGLANG MAYA ini adalah menggunakan bantuan bahasa HTML. Dan perlu untuk diketahui juga untuk kalian yang facebooker, HTML juga bisa di gunakan untuk mengatur tampilan/mempercantik font pada catatan di facebook. Sebagai contoh, lihatlah beberapa catatan saya di facebook. Untuk mengetahui aturan tentang HTML pada catatan facebook, silahkan baca dulu di sini

Baiklah, disini kita akan belajar mengenali fungsi-fungsi dari bermacam-macam tag pada HTML. Sebelum panjang-lebar sebaiknya kita mulai saja acaranya.
Silahkan menuju ruangan Belajar Bersamanya.


readmore

09/03/2010

TANPA JUDUL



SUDAH

Sudah
Sudahlah
Ya Sudahlah

Tak perlu mengingatnya, meskipun melupakan adalah tak mungkin.
Tak perlu mengenang, meskipun indah telah terukir.
Dan tak perlu mengungkit, meskipun ganjalan terasa.

Jangan membenci,karena itu adalah mengingat
Jangan memuja,karena itu adalah mengenang
Dan jangan pula putus asa,karena itu adalah mengungkit

Mengalir dan mengalir seperti air
Melangkah dan melangkah tentukan arah
Tinggalkan yang di belakang, di belakang telah berlalu
Tinggalkan yang lalu, karena esok kan datang

Hari esok ada di depan, di depan telah menanti
Penantian janganlah di nanti, pencapaian harus diraih

Bergerak, bergerak dan bergerak
Tinggalkan waktu, tepikan sesal keluh dan kesah
Maju, maju dan terus maju
Temukan celah, celah kedamaian dalam setiap langkah


readmore

01/03/2010

PANGGILAN TERTENTU


Jaman sudah semakin modern,perkembangan teknologi terus melaju dengan pesat. Dan tentunya,bagi yang berkantong tebal akan semakin terus dimanjakan dengan berbagai sarana yang serba lengkap dan canggih.
Seperti halnya ponsel, dari waktu ke waktu, dari berbagai vendor ponsel terkemuka ataupun yang masih baru berkembang, terus selalu berlomba-lomba untuk dapat mengeluarkan produk-produk terbarunya. Yang tentunya telah dilengkapi dengan berbagai fasilitas dan keragaman fitur yang lebih canggih dari produk-produk terdahulunya.

Untuk kita semua sebagai konsumen (pengguna ponsel), sangat dibutuhkan kejelian dan ketelitian agar semaksimal mungkin kita dapat memanfaatkan semua fasilitas yang ada pada ponsel.
Selain sekedar untuk call/sms, penggunaan kamera,browser,multimedia,game, mungkin adalah beberapa bagian yang tak pernah terabaikan menurut fungsinya. Namun daripada itu, akan sangat disayangkan jika ternyata banyak fungsi-fungsi lain yang tidak pernah dimanfaatkan sehingga seolah-olah menjadi seperti tidak ada.
Dari beberapa hal yang kurang begitu mendapat perhatian, salah satunya adalah yang akan saya bahas kali ini, FIXED DIAL.

Pada postingan terdahulu saya pernah tulis SMS NO CALL YES,yaitu tentang bagaimana kita dapat memblokir semua pesan yang masuk namun kita tetap masih bisa untuk mengirim pesan dan juga masih bisa menerima/melakukan panggilan.
Kali ini,saya akan tuliskan tentang panggilan terprogram/panggilan tertentu/fixed dial. Yaitu salah satu fitur yang terdapat pada SIM card (tidak semua operator selular) dan didukung fasilitas menu yang terdapat di ponsel,yang memungkinkan kita dapat mengatur kemana saja aktifitas keluar sms/call dapat dilakukan.

Sesuai dengan pengalaman saya, yaitu dengan menggunakan operator selular IM3 dan pernah dua kali memakai ponsel yang berbeda, Nokia 8310 dan SE K600i.
Baik dengan menggunakan ponsel SE ataupun Nokia,untuk mengaktifkan layanan panggilan terprogram ini adalah dengan menggunakan kode PIN2, 1234 (standar).
Jika pada Sony Ericsson =>

Buka menu => kontak => opsi => nomor khusus => panggilan terprogram. Lalu pilih aktifkan => masukan Kode PIN2, kemudian pilih no.terprogram => nomor baru => masukan nomor-nomor hp teman yang akan ditetapkan untuk supaya bisa dihubungi. Selain nomor yang tidak terdapat dalam daftar no.terprogran tidak akan bisa dihubungi selama layanani ini berstatus aktif.

Sedangkan pada ponsel nokia, menu layanan panggilan terprogram ini terdapat pada pengaturan keamanan => panggilan tertentu (platform java).
Atau Menu => kontak => option => SIMcontacts => fixed dial contacts.(platform symbian).

Perlu di ingat,bahwa apa yang saya tulis diatas adalah berdasarkan pengalaman saya pribadi.
Dan bilamana ternyata ponsel yang anda gunakan tidak sama dengan yang pernah saya gunakan, yaitu nokia 8310 (dulu), SE K600i (sekarang), nokia 6111 dan 6120c (minjem), maka silahkan cari sendiri caranya. Saya yakin, tidak jauh berbeda dengan apa yang sudah saya jelaskan.
Jangan lelah jangan bosan, baca terus dan terus membaca.


readmore
 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved