Minggu, 01 November 2009

Lihat tampilan HTML

Hay teman-teman, saya mau bicarain sedikit tentang HTML. Walau pun saya juga lagi belajar, tapi saya ingin berbagi dengan kalian, apa lagi yang baru belajar HTML. Tapi buat para master HTML, yah jangan sombong, kita juga sama-sama belajar, apa salahnya kan?

Gini, buat temen2 yang sudah menggerti sedikit tentang HTML atau yang udah belajar HTML. Aku mau ngasih tau cara ngeliat hasil HTML yang kamu tulis, misal di wordpad, notepad, atau yang lebih enak lagi pakek HTML editor, kaya Editplus.

Di Editplus, untuk melihat hasil tampilan yang udah diketik pake HTML itu mudah, setelah ngetik HTMLnya, kamu tinggal klik ajah gambar lub, yang tempatnya di pojok sebelah kiri atas kotak halaman untuk menulis HTML kode, atau bisa juga pake tombol ctrl+B .

Terus, kalau pake wordpad atau notepad memang agak rumit sih, tapi ayo kita pelajari. pertama, setelah kamu ngetik kode HTMLnya, kamu save dengan cara klik file > save as. lalu di kotak dialog save as, isi nama filenya dengan coba.htm ('coba' bisa diganti sesuka hati) dan jangan lupa tambahin

.htm
atau
.html
di belakang nama, karena itu akan merubah file menjadi berekstensi htm atau html, lalu keluar. Setelah itu buka pada file yang telah kita buat tadi, dan lihatlah hasilnya. .

Rabu, 28 Oktober 2009

HTML kode

Tadi kita kan udah bahas tentang gimana cara melihat hasil kerja kita. lha sekarang aku mao ngasih kode-kode HTML, yang sederhana aja, kan buat belajar!


Pertama, coba bikin tulisan kaya gini 'esa newbie'. untuk menjadikan teks kita seperti itu, kita pake kode ini
<font color="yellow"size="18"face="comic sans ms">esa newbie</font>
color, size, face (text type) bisa diubah sesuka hati.

terus kalau pengen Tebal,Miring,Garis bawah, kita menggunakan kode kaya gini.
<b>Tebal</b>,<i>Miring</i>,<u>Garis bawah</u>

dan biar kelihatan agak menarik, teks bisa kita buat bergerak dengan kode ini
<marquee>Bergerak</marquee>
dan untuk berkedip pake kode ini
<blink>Berkedip</blink>

kita juga bisa memasukkan gamber sesuai keinginan kita, tapi dengan syarat, kamu harus tahu dimanakah gambar itu berada. sebagai contoh bila gambar itu terdapat pada folder image yang ada di drive D, kita menulis kodenya begini, <img src="d:\image\gambar.jpg">
sebagai contoh, gambarnya bernamakan gambar.jpg , dan ekstensi .jpg juga harus diganti sesuai jenis file gambarnya.

terus selanjutnya kita belajar buat teks link seperti ini,
klik disini untuk masuk Facebook
, untuk membuat link seperti itu, menggunakan kode hni
<a href="http://facebook.com">klik disini untuk masuk Facebook</a>
facebook.com dan kata-katanya bisa diubah sesuai kebutuhan.
to be continue. .


add facebook ku juga ya!
love_setya@ymail.com
Buat kakak-kakak blogger, aku butuh saran dari kalian. .buat membantu aku bikin blog-ku biar bagus.


Mohon maaf bila ada link yang mati/rusak dan ada kesalahan dalam penulisan kode. Harap maklum, karena saya orang baru