membuat tabel di dreamweaver

Dreamweaver adalah program untuk membuat, mendesain dan mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan fasilitas yang sangat mudah bagi para web desainer dalam menerapkan kreatifitasnya dalamhal desain visual, termasuk penyusunan tabel. Berikut saya akan memandu cara membuat tabel dalam dreamweafer

•          Jalankan Macromedia Dreamweaver yang anda punya, kemudian buat proyek baru :

•            Pilih Tab Design.

•          Klik Insert  ->Table

•      Masukkan Jumlah baris dan kolom

Maka akan muncul tampilan seperti diatas. Ada beberapa hal yang harus kita isi :

Ø  Rows : Isi dengan jumlah baris yang kita ingin.

Ø  Colums : Jumlah kolom yang ingin kita buat.

Ø  Tabel Width : Isi dengan nilai lebar tabel, bisa ditentukan dalam bentuk pixel/percent.

Ø  Border Thickness : Tebal garis tabel yang kita buat,

Ø  Cell padding : jarak antara cell dengn objek yang ada di dalamnya.

Ø  Cell spacing : jarak antar tiap cell.

Ø  Header : Letak header (Judul baris /kolom)

Ø  Caption : judul

Ø  Align caption : posisi judul

• Lalu klik Ok, Tabel telah selesai.

membuat form html

Contoh Form.
Kali ini saya akan menunjukkan cara membuat form seperti dibawah ini.

1. Text field
Text field merupakan sarana untuk memasukkan teks kedalam form.Text field ini berfungsi untuk menampung informasi-informasi yang dimasukkan kedalamnya berupa teks atau karakter lainnya.
contohnya seperti Nama Depan, Nama Belakang dan umur pada gambar diatas.
cara memasukkan textfield dengan code

<form name="form1">
    <input type="text" name="nama" />
</form>

2. Menyisipkan Text Area
Jika anda perhatikan sesaa, bentuk tampilan TextArea sama persis dengan textfield tipe multiline
contohnya seperti Alamat pada gambar diatas
cara menyisipkan text area dengan code berikut

<form name="form1">
    <textarea name="alamat"></textarea>
</form>

 3. Menyisipkan Checkbox
Checkboxadalah sebuah kotak pilihan yang berfungsi untuk membuat satu pilihan yang berfungsi untuk membuat  satu pilihan atau leih bagi pengunjungdari informasi yang disediakan
contohnya seperti Hobi pada gambar diatas
cara menyisipkan checkbox dengan code berikut

<form name="form1">
     <input type="checkbox" name="olahraga" value="olahraga" />Olahraga
</form>

Nb: yang berwarna merah sesuaikan dengan keinginan anda..jika anda ingin membuat banyak tiggal tambahkan aja code yang sama disamping atau lihat seperti ini

<input type="checkbox" name="olahraga" value="olahraga" />Olahraga<br /><input type="checkbox" name="Membaca" value="membaca"/>membaca<br /><input type="checkbox" name="Belanja" value="belanja" />Belanja

4. Menyisipkan Radio Button
Radio button mempunyai fungsi sama seperti checkbox, yaitu untuk membat daftar pilihan. teteapi radio button hanya dapat digunakan untuk memilih satu piihan saja.
Contohnya seperti Gender pada gambar diatas
cara menyisipkan radio button sebagai berikut :

 <form  name="form1">
     <input type="radio" name="gender" value="pria" />Pria<input type="radio" name="gender" value="wanita" />Wanita 
</form>

5. Menyisipkan List Menu
List digunakan untuk menampilkan banyak pilihan.
contoh nya seperti bulan pada tanggal lahir
dan codenya sebagai berikut :

<form nama="form1">
<select name="bulan">
                        <option>Januari</option>
                        <option>Febuari</option>
                        <option>Maret</option>
                        <option>April</option>
                        <option>Mei</option>
                        <option>Juni</option>
                        <option>Juli</option>
                        <option>Agustus</option>
                        <option>September</option>
                        <option>November</option>
                        <option>Desember</option>
                    </select>
</form>

6. Menyisipkan File Field
File field digunakan untuk mengupload suatu file keserver. file file yang terdapat diupload melaluii file field ini antara lain adalah file dokumen, file gambar, dan file file lainnya.
contohnya seperti Foto pada gambar diatas
dan kodenya sebagai berikut

<form name="form1">
   <input type="file" name="foto" /> 
</form>

7. Menyisipkan Button
Button merupakan sebuah tombolyang dapat digunkan untuk melakukan proses tertentu, misalkan untuk submit atau untuk reset. seringkali kedua tombol tersebut digunakan untuk sebuah proses di dalam form. Tombol Submit digunakan untuk mengirimkan data yang dimasukkan kedalam form selanjutnya dan diolah didalam server. Sedangkan Reset digunkan untuk mereset atau mengosongkan data yang ada didalam form ke nilai default untuk nilai semula.
Contoh seperti tombol Register dan Batal pada gambar diatas
dan untuk menyisipkan dengan code berikut :

 <form name="form1">
     <input type="submit" value="Register" /><input type="reset" value="Batal" />
</form>

Demikian postingan ini jika anda tidak mengerti silahkan comment dibawah
Terima Kasih 

script curiculun vitae dalam html

<html>
<head>
<title>Tugas Pemrograman Berbasis Web</title>
<style type="text/css">
<!--
.style1 {font-family: "Times New Roman", Times, serif}
 -->
</style>
</head>
<body style= "background-color :teal">
<div style= "background-color :teal" align="center"><h1>CURICULUM VITAE</h1>
 </div>
<div style="margin-left:150;">
<h2>Identitas Pribadi</h2>
<table width="892">
<tr>
<td><span class="style1">Nama </span></td>
 <td><span class="style1"> : Zaki Nuhan </span></td>
<td rowspan="6" height="100"><p class="style1"><img src="1000229_530886643633364_2019109979_n.jpg" width="420" height="280"></p></td>
 </tr>
<tr>
<td><span class="style1">Tempat, tanggal lahir </span></td>
<td><span class="style1"> : Sleman, 02 Oktober 1995 </span></td>
 </tr>
<tr>
<td><span class="style1">Jenis Kelamin </span></td>
<td><span class="style1"> : Laki-laki </span></td>
</tr>
 <tr>
<td><span class="style1">Agama </span></td>
<td><span class="style1"> : Islam </span></td>
</tr>
<tr>
<td><span class="style1">Alamat </span></td>
 <td><span class="style1"> : Dogongan, Kalasan, Sleman, DIY</span></td>
</tr>
<tr>
<td><span class="style1">Email </span></td>
<td><span class="style1"> : munky_parkezit@outlook.com</span></td>
 </tr>
</table>
<h2>Riwayat Pendidikan</h2>
<ul>
<li>Pendidikan Formal</li>
<br/>
<table border="1" cellpadding="1" cellspacing="1.5" width="450">
 <tr>
<td><b>Tingkatan Pendidikan<b/></td>
<td><b>LULUS</b></td>
</tr>
<tr>
<td>SDN 1 Cawas</td>
<td>2007</td>
 </tr>
<tr>
<td>PonPes Muhamammdiyah Klaten</td>
<td>2010</td>
</tr>
<tr>
<td>SMA Negeri 1 Cawas</td>
<td>2013</td>
</tr>
 <tr>
<td>STMIK AMIKOM Yogyakarta </td>
<td>Masih dalam perkuliahan semester 2 </td>
</tr>
</table>
<br/>
<li>Pengalaman Kerja </li>
<table border="1" cellpadding="1" cellspacing="1.5" width="850">
 <tr>
<td width="712" align="center"><b>Jenis Pekerjaan<b/></td>
<td width="125" align="center"><b>TAHUN</b></td>
</tr>
<tr>
<td align="justify">MC Pentas Seni SMA
  <ol></td>
<td align="center">2010-sekarang</td>
</tr>
<tr>
<td align="justify">Travelling Movie Maker </td>
 <td align="center">2009-sekarang</td>
</tr>
</table>
</ul>
</div>
</div>
</body>
</html>

bahan tugas pemrograman terstruktur

> Stdio.h

Yang merupakan singkatan dari "standar input/output header", adalah header yang berisi definisi makro, konstanta, dan deklarasi fungsi dari dua jenis yang digunakan untuk berbagai standar input output operasi.

=> conio.h

Adalah header file yang digunakan untuk membuat teks antarmuka pengguna.

=> assert.h

Adalah file header yang mendefinisikan makro menegaskan c processor.

=> complex.h

Adalah file header yang mendefinisikan fungsi untuk aritmatika kompleks.
=> ctype.h

Adalah header untuk deklarasi yang berfungsi mengklasifikasi karakter.
=> errno.h

Adalah file header yang berfungsi melaporkan kondisi kesalahan melalui kode kesalahan.

=> fenv.h

Adalah file header yang mengandung berbagai fungsi dan makro untuk memanipulasi lingkungan floating point.

=> float.h

Adalah header yang berfungsi memperluas ke berbagai limit dan parameter dari jenis floating point standar.

=> Inttypes.h

File header yang berfungsi mendefinisakan beberapa makro untuk digunakan dengan fungsi printf,dan scanf, serta fungsi untuk bekerja dengan jenis intmax_t.
=> iso646.h

Adalah header yang mendefinisikan beberapa makro yang memungkinkan programmer untuk menggunakan c bitwise bahasa dan operator logika yang tanpa file header tidak bisa cepat atau mudah di ketik pada beberapa keyboard non-qwerty internasional.
=> limits.h

Adalah file header dari perpustakaan standar bahasa pemrograman c yang mencakup definisi karakteristik dari jenis variabel umum.
=> locale.h

Adalah pemrograman bahasa c file header, digunakan untuk tujuan lokalisasi.
=> math.h

Berisi prototype fungsi untuk pustaka matematika.

=> string.h

Berisi prototype fungsi untuk pemrosesan string.

/* Penggunaan Operasi Logika OR */#include<stdio.h>#include<conio.h>#include<iostream.h>main(){float a, b, c, d, e, f, g, h;clrscr();cout<<"Masukan Nilai A = "; cin>>a;cout<<"Masukan Nilai B = "; cin>>b;cout<<"Masukan Nilai C = "; cin>>c;d = a + 5 > 10;e = b > 5 + a ;f = c - 4 <= 7;g = d || e || f;cout<<endl<<endl;cout<<"Program Ekspresi OR"<<endl<<endl;cout<<"Hasil dari d = a + 5 > 10 adalah " <<d<<endl;cout<<"Hasil dari e = b > 5 + a adalah " <<e<<endl;cout<<"Hasil dari f = c - 4 <= 7 adalah " <<f;cout<<endl<<endl;cout<<"Hasil dari g = d || e || f adalah " <<g;cout<<endl;getch();}

*CONIO :
- getche() ==> dipakai untuk membaca sebuah karakter dengan sifat karakter yang dimasukkan ditampilkan di layar.
-getch()==> (get character and echo) dipakai untuk membaca sebuah karakter dengan sifat karakter
yang dimasukan tidak perlu diakhiri dengan menekan tombol ENTER,dan karakter yang dimasukan tidak akan tampil di layar.
-clrscr()==> untuk membersihkan layar yang sebelumnya telah ditampilkan
- gotoxy ==> fungsi untuk meletakan statement dengan kursor ditempat yang kita inginkan,dengan menggunakan fungsi ini ,statement yang kita masukan, tidak akan bergeser arah/berubah tempat karena sudah ditentukan berdasarkan kordinat,yaitu kordinat x dan y.

*IOSTREAM :
- cin   ==> merupakan obyek didalam c++ digunakan untuk memasukan suatu data
- cout ==> merupakan objek didalam borland c++ digunakan untuk menampilkan suatu data kelayar
-< merupakan suatu fungsi manipulator yang digunakan untuk menyisipkan karakter newline atau mengatur pindah baris. fungsi ini sangat berguna untuk piranti keluaran berupa file di disk.
- strcmp ==untuk membandingkan 2 string
- strcpy  ==untuk menyalin nilai string
- strlen   ==untuk mengetahui panjang nilai string
- strrev  == utnuk membalikan urutan string
- strlwr  == untuk mengubah string ke huruf kecil
- strupr  == untuk mengkonversi string ke huruf besar
-strchr   == untuk mencari nilai karakter dalam string
(untuk strcmp,strcpy,strlen,strrev,strlwr,strupr,strchr.... selain menggunakan header string,juga bisa menggunakan header iostream)

*STDIO
-puts ()  == sebenarnya sama dengan printf,yaitu digunakan untuk mencetak string kelayar.
-printf() ==fungsi keluaran yang paling umum digunakan untuk menampilkan informasi kelayar.
-scanf() ==merupakan fungsi masukan yang paling umum digunakan untuk menampilkan informasi ke layar.
-gets()   == hampir sama seperti cin, tapi keunggulan gets dapat menginput data yang menggunakan spasi
-putchar () == fungsi untuk menampilkan karakter ke layar .fungsi ini tidak bisa pindah baris secara otomatis.
-getchar()   == membaca karakter.

*IOMANIP
-setw ()          ==merupakan fungsi manipulator yang digunakan untuk mengatur lebar tampilan dilayar dari suatu nilai variabel.
-setprecision() ==suatu manipulator yang digunakan utnuk mengatur jumlah digit desimal yang di tampilkan. fungsi ini biasanyapada fungsi cout()
-setiosflags()   ==suatu fungsi manipulator yang digunakan untuk mengatur sejumlah format keluaran data.fungsi ini biasanya pada fungsi cout().ada beberapa format keluaran untuk fungsi setiosflags(),antara lain:
             ~ ios::left =>digunakan untuk mengatur perataan sebelah kiri.
             ~ ios::right => mengatur perataan sebelah kanan

*MATH (file header yang terdiri dari fungsi-fungsi untuk melakukan segala macam perhitungan matematika.) fungsi-fungsi'a diantara'a :
-abs()             -tan()             -asin()           -atan()           -log()
-atof()            -ceil()             -cos()            -exp()           -sqrt()
-floor()           -fmod()          -labs()           -ldexp()
-log10()          -pow()           -sin()             -sinh()

Belajar Dasar Dasar HTML

Pendahuluan

HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita. Nah, HTML inilah yang memungkinkan Kita menjelajah internet dan melihat halaman web yang menarik.

Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Kita tidak akan memperoleh hasil yang maksimal. Karena walaupun software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Anda akan saya ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.
<HEAD&gt; Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Tips HTML -- http://zakinuhan.blogspot.com/</TITLE>

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :

<HTML>
<HEAD>
<TITLE>Halaman pembuka
</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" background="images/gambar1.gif" text="#FF0000">

Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>

Pengaturan Teks

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh :

<H2> Totorial Html </H2<

Hasil akan terlihat seperti:

TUTORIAL HTML

Line Break: <BR> Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah 

Contoh lainnya :

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">

Lists

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :

<UL><LI> Contoh nomer 1<LI> Contoh nomer 2<LI> Contoh nomer 3</UL>

Hasil dari kode di atas adalah:

• Contoh nomer 1
• Contoh nomer 2
• Contoh nomer 3

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :

<UL COMPACT TYPE=square> …

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :

<OL TYPE=I><LI> Item nomer 1<LI> Item nomer 2<LI> Item nomer 3</OL>

Hasil dari kode di atas adalah :

1. Item nomer 1
2. Item nomer 2
3. Item nomer 3

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.
A- Huruf besar. A, B, C, etc.
a- Huruf kecil. a, b, c, etc.
I- Romawi huruf besar. I, II, III, etc.
i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :
<DL><DT> Item pertama.<DD> Penjelasan tentang item pertama.<DT> Item kedua.<DD> Penjelasan tentang item kedua</DL>
Hasil dari kode di atas adalah :

Item pertama.

Penjelasan tentang item pertama.

Item kedua.

Penjelasan tentang item kedua

Cara Membuat Tulisan Berjalan dengan Efek Marquee :

- Efek Marquee sederhana ( Berjalan Terus Menerus )
<marquee> Tulisan Anda </marquee>

- Jika ingin tidak terlihat bosan, kita dapat menambahkan background dibelakang baris tulisan yang berjalan, dengan kode :
<marquee bgcolor="blue">Tulisan Anda dengan Latar Belakang berwarna Biru </marquee>

- Untuk mengatur Arah Gerakan ( top / left / bottom / right )
<marquee direction="up">Tulisan Disini ke Atas</marquee>

- Membuat Text Berjalan berdasarkan perulangan yang ditentukan. Akan berhenti jika perulangan selesai.
<marquee loop"5"> Text ini berjalan dan AKAN BERULANG 5x  </marquee>

- Membuat Text berjalan pada setengah bagian lebar halaman / media / lebar layar.
<marquee width="50%">TEXT BERJALAN DALAM 50% Bidang</marquee> 

- Tulisan Berjalan dengan Kecepatan
<marquee scrollamount="10">TULISAN ANDA BERJALAN DENGAN KECEPATAN 10 </marquee>

- Membuat Text Berjalan ke Kanan atau Kiri.
<marquee direction="right">TEXT BERJALAN KE KANAN</marquee>
kalau ke kiri tinggal ganti right dengan left.

- Berjalan Bolak Balik Terus Menerus
<marquee behavior="alternate">TEXT BERJALAN BOLAK BALIK</marquee>

- Script selanjutnya, adalah menampilkan tulisan berjalan muncul dari atas lalu bergerak ke arah bawah.
<marquee direction="down" height="50">TEXT BERJALAN KE BAWAH</marquee>

Untuk mengatur ukuran tingginya ganti angka 50 dengan ukuran tinggi keinginan anda.

- Tulisan berhenti ketika tersentuh mouse.
<marquee behavior"alternate" onMouseOver="this.stop()" onMouseOut="this.start()">TEXT BERJALAN MENUNGGU MOUSE</marquee>

- Text berjalan disertai URL Link, contohnya untuk registrasi, login dan pemberitahuan lain.

 <marquee><a href="http://impoint.blogspot.com">Nama Linknya / Nama Halaman Anda</a></marquee>

Anda juga dapat memodifikasi tampilan text berjalan marquee ini dengan elemen html lainnya yang dapat dikombinasikan. Contohnya seperti memberi warna tulisan, merubah ukuran huruf, membuat text berkedip-kedip, membuat tulisan huruf tebal, miring, dan bergaris bawah, serta masih banyak lagi.

Contohnya dengan menambahkan kode style disertai kode css apa yang akan digunakan.
<blink><marquee style="font-size: 30px; color:black; font-style:italic;">Kombinasi Tulisan Berjalan Efek Marquee</marquee></blink>

Images

Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh :

<IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200 height=100>

<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>

Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :

<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.
<A HREF="muhammadisra24@gmail.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.