Ekspresi | Belajar HTML dan PHP | Sunda | Kontak | Gmail | Uang Adsense
Kuliah Sistem Informasi,
Jurnal Ilmiah Sistem Informasi
STMIK JABAR
LP3I Tasikmalaya
STAI Al-Falah
Belajar Pemrograman PHP, MySQL, Framework CI, Domain, Hosting dan CMS Wordpress
Bisnis Bitcoin | Daftar Isi | Tools Penting | PrivacyPolicy | Inggris Arab

Friday, March 21, 2014

Cara Membuat Link dan Menampilkan Gambar Pada HTML



Software yang digunakan:
·         Macromedia Dreamweaver 8
·         WampServer
·         Mozile Firefox
==========================
1.      Buka Macromedia Dreamweaver 8 atau editor lain.
2.      Buat gambar dengan nama: logo_al_ikhbaar.jpg
3.      Ketik script berikut:
<html>
<head>
<title>Link dan Gambar</title>
</head>
<body>
<a href="link.html">Klik di sini</a><br /><br />


<a href="http://komarudintasdik.me" target=_blank>Blog Komputer & Pendidikan</a><br /><br />

<img src="logo_al_ikhbaar.jpg"><br /><br />

<img src="logo_al_ikhbaar.jpg" border=2 width=300 height=300 align="right">

</body>
</html>

4.      Simpan dengan nama: link_gambar.html di C:\wamp\www\ikhbaar\php1 (atau folder anda)
5.      Ketik script berikut:
<html>
<head>
<title>Link</title>
</head>

<body>

Anda berhasil mencoba script link
</body>
</html>

6.      Simpan dengan nama: link.html di C:\wamp\www\ikhbaar\php1 (atau folder anda)
7.      Buka Mozile Firefox atau browser lain
8.      Buka program: Start WampServer
9.      Ketik di address bar: localhost\ikhbaar\php1
10.  Enter
11.  Klik file link_gambar.html
12.  Hasilnya:

13.  Klik tulisan KLIK DI SINI pada gambar langkah 12 di atas (akan menampilkan file link.html) seperti pesan berikut:
Anda berhasil mencoba script link
14.  Selesai
***


Sumber: ICT Bidang Kemahasiswaan. Dasar – Dasar Pemrograman Website Menggunakan HTML, PHP, dan MySQL. UNNES.Nama File: Dasar Pembuatan Website.pdf

"Bitcoin and Forex are high risk business. We must join them smartly."
Belajar Bahasa Inggris dan Arab di WA dan FB Gratis!

2 comments:

  1. jadi lebih mudah ya mas kalau bisa bikin link teks dan gambar sendiri tanpa perlu upload gambar, misal gambar dari internet hehehe :D

    tinggal edit kode html nya :)

    ReplyDelete