Bingung
bagaimana cara membuat link di dalam web kita, berikut ini dalah cara
membuat link pada web yang akan kita buat . langsung saja buka notepad anda. Jika masih bingung
bagaimana cara membuaka notepad berikut ini cara :
Tekan
windows + R >> ketikkan notepad >> lalu klik ok/ tekan enter
Setelah itu
langsung ketikkan kode berikut ini :
<html>
<title>AIO</title>
<head><h1
align="center">BELAJAR MEMBUAT LINK</h1></head>
<body
bgcolor="gray"><h2>
<a
href="link.html">home</a>
<a
href="link.html">profile</a>
<a
href="link.html">galery</a>
<a
href="link.html">AIO</a>
</h2>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
<img
src="aio1.png" alt="error"></img>
</body>
</html>
Outputnya
seperti berikut :
Penjelasan
kode-kode di atas, gak usah bigung sahabat aio, kodingan di atas bnayak karena ada beberapa kode yang saya
copy sehingga sama, sebenarnya kodingan di atas tida benyak karena ada yang
sama makanya terlihat banyak.Jadi jika
ingin membuat link kodenya adalah<a
href= “isi linknya” >profile</a>Inilah kode
untuk membuat link isi
link maksudnya isi halaman link yang kita
buat misalnya seperti profile.html, jadi profile.html ini kita buat di notepat
yang berbeda sehingga kita hanya memanggil alamatnya saja. Oia jangan lupa jika
kita ingin membuat web dengan menggunakan html buatlah dalam satu folder agar
memudahkan kita untuk mengeditnya dan jika kita copy ke FD(flashdisk) maka
tidak akan ada yang berubah. Kemudian kembali ke kodingan html di atas yaitu
cara membuat klink pada halaman web kita. Selanjutnya yaitu <img src =”aio1.png“ ></img
> ini adalah kode
untuk memasukkan gambar pada halaman web kita,”aoi1.png” ini adalah alamat gambar yang saya. Inilah enaknya jika kita
mebuatnya dalam satu folder kita tinggal memanggil namanya saja kemudian di
akhiri dengan format filenya. Kemudian ada alt=”error” ini adalh perintah untuk membuat pesan error pada gambar
yang kita buat jika suatu saat di web kita tidak muncul maka akan muncul pesan
yang kita buat. sekian dulu ya sahabat AIO jangan lupa kunjungi lagi web saya. semoga bermanfaat :)
No comments: