Jumat, 12 Januari 2007

HTML

Pertama kali gue pengen memperdalam bikin web adalah waktu gue lihat temen gue anak STIMIK lagi ngetik di notepad tapi ko seperti cuma kode-kode aneh.. ga jelas gitu. Tadinya gue cuekin ja kirain tu orang lgi iseng ga da kerjaan, tapi setelah di save & di tampilkan pake I-Explorer ko... cantik sekali hasilnya. Dari situ selain gue sering tanya-tanya ma dia, gue juga beli bukunya agar puas. Ternyata kode HTML tu mudah sekali ga seperti yang gue bayangin sebelumnya. Karena selain da buku juga ada software khusus buat bikin web yaitu Microsoft FrontPage. Setelah gue coba-coba bikin di rumah trus gue bingung gimana caranya masukin ke Internet. Kan mesti bayar agar punya domain sendiri. Orang cuma pengen coba-coba doank masa mesti bayar. Akhirnya temen gue bilang ada yang bisa upload secara gratis yaitu di www.geocities.com. Baru gue tahu tu fungsinya geocities tu untuk memberikan ruang bagi kita bikin web. Padahal gue dah tahu lama tu Geocities di Yahoo selain ada Mail, Mobile, horoscope, dll. Baru tahu fungsinya setelah di jelasin ma temenku. That's what friends are for (apa coba hubungannya?). Pengen tahu hasil karya Perdana gue ? ni alamatnya di www.geocities.com/hanby80/. Ya..ga bagus-bagus amat sih, tapi lumayan lah buat pemula. Gue jelasin sedikit tentang kode HTML ya... tapi bener-bener sedikit lo. Asal lo tahu ja biar gue ga dibilang asa ngomong. gue kasih contoh sederhana. Tulis ni di notepad :


<html>
<head></head>
<body bgcolor="red">
<font face="comic sans ms" color="blue" size=4>Tulisan ini akan berwarna biru dengan type font comic sans & berukuran 4 pixel dengan background berwarna merah</font>
</body>
</html>


lalu save dengan nama coba.html, setelah itu klik 2x file coba.html tersebut & lihat hasilnya.
<body bgcolor="red"> menyatakan background layar berwarna merah.
<font face="comic sans ms"> menyatakan type font.
<font color="blue"> menyatakan warna font adalah biru.
<font size=4> menyatakan ukuran font. Semakin besar angkanya maka semakin besar pula fontnya.
Oh iya </font>, </body> & </html> adalah menyatakan akhir dari tag. karena mang semuanya diapit antara <> &</>. Jadi klo dipotong semua tanpa property akan menjadi seperti ini :

<html>
<head></head>
<body>
<font></font>
</body>
</html>

klo mo insert gambar tinggal sisipkan tag <img> diantara tag <body>&</body>. contoh:


<html>
<head></head>
<body bgcolor="red">
<font face="comic sans ms" color="blue" size=4>Tulisan ini akan berwarna biru dengan type font comic sans & berukuran 4 pixel dengan background berwarna merah</font>
<img src="http://www.geocities.com/hanby80/animasi/stars.gif" width=100 height=100 />
</body>
</html>


<img src="http://www.geocities.com/hanby80/animasi/stars.gif"> menyatakan alamat url dari gambar yang mo kita sisipkan. Jadi mang gambarnya mesti di upload dulu. Geocities memberikan ruang untuk itu.
<img width=100> menyatakan lebar gambar adalah 100 pixel
<img height=100> menyatakan tinggi gambar adalah 100 pixel

Klo pengen tulisan berjalan tinggal sisipkan tag <marquee> (tulisanmu) </marquee> diantara tag <body>&</body>. contoh:


<html>
<head></head>
<body bgcolor="red">
<font face="comic sans ms" color="blue" size=4>Tulisan ini akan berwarna biru dengan type font comic sans & berukuran 4 pixel dengan background berwarna merah</font>
<img src="http://www.geocities.com/hanby80/animasi/stars.gif" width=100 height=100 />
<marquee>ini adalah tulisan berjalan</marquee>
</body>
</html>


Sebetulnya sih marquee bisa dikasih property seperti ke arah mana tulisan berjalan, berapa kecepatannya, dsb. tapi takut kepanjangan. Klo ga di kasih Property maka secara default tulisan akan berjalan ke arah kiri.
kayanya cukup segini deh contoh-contohnya. Kan tadi mang gue bilang cuma sedikit. he... klo pengen memperdalam buka ja www.ilmukomputer.com & download ja tutorial tentang html. Jadi lo mensukseskan E-Learning. he... dah baca posting E-learning belum ?

1 komentar:

HEALTHY LIFE & BISNIS mengatakan...

makasih atas artikelnya?
ini sangat berguna bagi pemula.
http//healthylifebisnis.blogspot.com