Hyper Text Markup Language *jiee* :~ adalah bahasa yang dikenal untuk kerangka sebuah WEB, di blog juga mengenal bahasa HTML. Secara kecil-kecilan, bagi kalian yang suka friendster-an, kalian pasti udah mengenal tentang kode nambahin gambar and the bla bla bla seperti kalo misalnya nebalin huruf itu pake kode <b>, italic pake <i>, dsb... Itulah kode HTML... Nah, di sini cuma mau share beberapa dasar kode HTML yang sering dipake pada kerangka blog.. INGAT! Kode HTML ini digunakan jika editor teks yang digunakan adalah EDIT HTML bukan Rich Text... :x
1. Kode Untuk Teks
Kode ini dipake untuk memformat suatu tampilan huruf kayak misalnya tebal, miring, atau digaris bawahi..
<b> teks </b> hasilnya: teks
<i> teks </i> hasilnya: teks
<u> teks </u> hasilnya: teks
<font color=”red” > teks </font> hasilnya: teks
Nah, kadang kita juga membutuhkan format karakter yang dicetak tebal dan dicetak miring, untuk menggunakannya, kita cukup mengkombinasikan kode-kode diatas. Contoh:
<b><i><u> teks </b></i></u>
hasilnya teks
Kita juga bisa mengatur orientasi peletakkan teks itu (aligment), apakah di tengah-tengah, rata kanan atau rata kiri, caranya yaitu dengan menggunakan kode <center>, <left> atau <right>. Contoh:
<center>teks</center>
hasilnya:
TEKS
<right>teks</right>
hasilnya:
TEKS
Selain itu pula, terkadang kita juga butuh memasukkan link (tautan) untuk sekedar promosi pada sebuah blog lain atau pun link untuk mendownload sesuatu... Nah, untuk memberikan link pada teks dengan kode HTML cara penulisannya adalah:
<a href="http://www.alamat-yang-diinginkan.com" >teks linknya</a>
Sebagai contoh pengkombinasian dari semua kode diatas adalah sebagai berikut..
Kunjungi juga! <b><i><center><a href="http://www.friendster.com/thecheesecupid" >Zam’s Friendster</b></i></center></a>
Hasilnya:
Kunjungi juga! Zam’s Friendster
Konklusinya, untuk memformat teks memakai kode HTML, teks yang akan diformat diapit oleh dua kode, kode awal berupa <..> dan kode akhir </..>. Jika teks akan diformat dengan memakai beberapa kode, kode harus diurutkan (lihat contoh pengkombinasian).
2. Masukin Gambar
Untuk masukin sebuah gambar, kamu harus punya sebuah gambar yang udah tersedia di dunia maya.. Nah, pada umumnya orang-orang pada upload foto atau gambar mereka ke dalam sebuah web-hosting. Web-hosting secara gampangannya bisa diartikan sebagai hard-disk kamu di dalam internet. Ukurannya juga beragam, ada yang nyediain 10 MB, 100 MB, 250 MB, 1 GB bahkan 8 GB... Web-hosting ini ada yang gratis ada pula yang berbayar. Nantinya file yang kamu upload ke suatu web-hosting akan memiliki ‘lokasi’ (link) yang bisa diarahkan untuk menuju ke situ.. :#
Untuk masukin gambar secara manual, caranya adalah dengan mengetik kode...
<img src="http://tempat-gambar-kamu.com" border="0" height="0" width="0">
Pastikan ukuran height dan width-nya kamu udah ketahui... Tapi jika kamu nggak mau repot, copy-paste aja dari kode yang beberapa situs sering udah ngelayanin penambahan gambar. Contohnya adalah MyNiceSpace.com, kamu bisa memilih gambar dan kemudian meng-copy kode yang ada lalu tinggal paste aja. Puff! Gambar pun langsung muncul. Bukankah itu menarik?? :d
Huff... mungkin penjelasan di atas lumayan rumit yah... :t Ya, pokoknya inti daripada inti adalah, disini kita mencoba menjelaskan teknik dasar kode HTML jika kamu menemui editor teks yang masih menggunakan format Edit HTML... Untungnya nih, blogspot.com udah nyediain editor teks yang user-friendly dan mudah. Jadi bisa pake format Edit HTML atau pun Rich Text... Jadi kita nggak perlu susah-susah deh ngetik panjang-lebar kode HTML kayak di atas...
Semoga kalian semua paham :y
Ilmu diatas didapat dari: http://trik-tips.blogspot.com info lebih lengkap bisa klik disini.
Tidak ada komentar:
Posting Komentar
Kasih tanggapan, saran dan apa pun ke bawah ini tentang blog kami..