Unsecured debt consolidation loan


Saturday, 28 November 2009

Belajar HTML (bag 2)


Pada postingan sebelumnya, kita sudah mempelajari tentang cara penulisan tag dalam kode HTML. Nah, sekarang kita akan mempelajari beberapa tag lainnya yang ada dalam HTML, seperti tag untuk menyisipkan gambar, menambah link, dan mengatur jenis tulisan.


Untuk itu silakan buka notepad atau HTML editor lainnya. Setelah itu ketikan kode di bawah ini.

<html>
<head>
<title>Ini Adalah Website Keduaku</title>
</head>
<body>
<img src="http://investasibca.com/images/banner468x60.gif"><br> <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a><br> <font face='times new roman'>Aku berjenis Times New Roman.</font><br> <font face='comic sans ms'>Aku berjenis Comic Sans Ms.</font><br> <font face='verdana'>Aku berjenis verdana.</font> </body> </html>

Sekarang save dengan nama "kedua.html" di dalam folder yang sama yang telah kita buat pada tutorial sebelumnya. Silakan lihat bagaimana hasilnya.

Penjelasan script:
  • Pada source kode di atas kita menggunakan tag <img src="http://investasibca.com/images/banner468x60.gif">, yang fungsinya untuk menampilkan file gambar yang sumbernya berada di http://investasibca.com/images/banner468x60.gif. Kita juga dapat menggunakan gambar yang ada di dalam komputer kita, hanya saja perlu kita ganti sumber gambarnya dengan format direktori/nama_files.type. Contohnya belajar/gambarku.jpg.
  • Lalu kode berikutnya adalah <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a>, yang fungsinya untuk memberikan link ke halaman lain, dalam hal ini kita memasukkan link ke http://investasibca.com/?id=indrawan. Sama halnya seperti menyisipkan gambar kita juga bisa mengganti link itu ke halaman yang ada di komputer kita.
  • Tag <br> berfungsi sebagai enter.
  • Dan tag terakhir yang akan kita bahas adalah <font face='times new roman'>Aku berjenis Times New Roman.</font>, fungsinya untuk mengganti bentuk font.

Kesimpulan:
  1. Tag "img src" dan "a href" dapat kita ganti sumbernya dengan nama file yang ada di komputer kita.
  2. Untuk mengganti type font kita bisa menggunakan tag "font face".

Sekian dulu tutorial kali ini, jika ada yang kurang jelas, silakan tinggalkan komentar dan saya akan mencoba untuk menjawabanya (kalo bisa, hehehehex).

0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner