Prodi Sistem Informasi | Belajar HTML dan PHP | Skripsi SI
Pesantren Katabah
1000 Penghafal Quran
Pengobatan Ruqyah Mandiri
Sistem Informasi (S1)
Manajemen Informatika
Blog | Kontak | Siap Kerja | Sertifikat | PrivacyPolicy | Inggris Arab | Daftar Isi

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
"Boleh Konsultasi Masuk Jurusan Sistem Informasi via IG atau Tiktok."
Tips Skripsi Program Studi Sistem Informasi

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