Tutorial HTML for NON Dummies

Submitted by virspector on Tue, 01/09/2009 - 21:34

Saya udah buat, "Tutorial HTML for NON Dummies". Sekarang, for non dummies!
Kali ini, kita akan mencoba membuat sebuah Image, Link dan Alternative Text
Baiklah, script untuk image adalah sebagai berikut:
<img src="http://suatualamat.com/gambar.jpg" />
Contohnya, ini akan memunculkan logo VirSpector CMS. Ini scriptnya:
<img src="http://www.virspectorcms.us.to/img/vcms.jpg" />

Hasil outputnya akan sebagai berikut:

Ukuran dari gambarnya juga bisa diatur kok, misalnya:
<img src="http://www.virspectorcms.us.to/img/vcms.jpg" height="350" width="200" />
Mudah bukan?
Nah, yang kedua adalah link. Mudah saja scriptnya, yaitu:
<a href="http://www.suatualamat.com">Website Suatu Alamat</a>
Misalnya, seperti ini:
<a href="http://www.virspectorcms.us.to">VirSpector CMS | CMS Indonesia Gratis!!! </a>
Hasilnya akan seperti ini:
VirSpector CMS | CMS Indonesia Gratis!!!
Bila diklik, akan langsung mengarah ke http://www.virspectorcms.us.to
Nah, untuk Image dan Link, bisa juga ditambahkan "ALT" atau "Alternative Text". Apa itu? Coba cari gambar2 diinternet (Gambar yang baik, jangan porno), lalu taruhlah kursor anda diatas Image tersebut. Anda akan melihat suatu teks muncul, bukan? Itulah Alternative Text atau ALT. Begitu juga pada Link.
Jadi, misalnya saya punya script link seperti ini:
<a href="http://www.virspectorcms.us.to" alt="CMS Super Gratis">VirSpector CMS | CMS Indonesia Gratis!!! </a>
Outputnya? Kayak gini:
VirSpector CMS | CMS Indonesia Gratis!!!
Kok sama? Coba taruh kursor anda pada link no.1 dengan yang baru kita buat ini. Muncul tulisan apa?
Begitu juga penggunaannya pada Image, saya tidak perlu menjelaskannya lagi.

Comments

Post new comment

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _                       _ 
 | |__    _ __    _ __   (_)
 | '_ \  | '_ \  | '_ \  | |
 | |_) | | | | | | | | | | |
 |_.__/  |_| |_| |_| |_| |_|
Enter the code depicted in ASCII art style.