HTML DASAR (bab4a) : Menampilkan Gambar


Sebelum melaksanakan Latihan kali ini, siapkan file gambar (terserah Anda, tetapi usahakan file gambar yang ber-ektensi *.gif/jpg/jpeg/png)dan letakkan di : "My Documents/LatihanWeb/BAB4/ "
Untuk menampilkan gambar dipakai Tag <IMG>, atribut <IMG> antara lain :
- SRC = Letak gambar yang akan ditampilkan.
- ALIGN = Mengatur posisi teks pada gambar.
- BORDER= Untuk memberi bingkai pada gambar.
- HEIGHT= Untuk mengatur tinggi gambar.
- WIDTH = Untuk mengatur lebar gambar.
- ALT = Untuk memperlihatkan tampilan teks dikala crusor berada di atas gambar.



MEMBUAT TAMPILAN GAMBAR :
save di   : My Documents\LatihanWeb\Bab4\
nama file : bab4a.html

<HTML>
<HEAD>
<TITLE>LATIHAN MENAMPILKAN GAMBAR</TITLE>
</HEAD>
<BODY>
<CENTER><H1>WELCOME TO MY PAGES</H1></CENTER>
<P>
  <IMG SRC="sunset.gif ALIGN="RIGHT" ALT="gambar matahari tenggelam">
  ini yaitu gambar dengan nama : sunset.gif
</p>
<P>
  <IMG SRC="bunga.gif ALIGN="CENTER" ALT="gambar bunga">
  ini yaitu gambar dengan nama : bunga.gif
</p>
</BODY>
</HTML>

 

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Report/Laporan PDF Tampil per ID dengan PHP mysqli dan html2pdf

Gambar
Assalamu'alaikum wr. wb. Setelah pada 2 tutorial sebelumnya kita sudah berhasil membuat report (laporan) PDF untuk cetak semua data dengan library html2pdf dan PHP mysqli oop serta berhasil dengan looping gambar juga, maka pada kesempatan yang rupawan kali ini kita akan menambahkan sedikit parameter di file cetak pdf kita yang kemaren (satu file yang sama) supaya dapat menampilkan pdf per id sesuai data yang dipilih. Bagi yang ketinggalan silakan ikuti urutan tutorialnya di daftar isi . Bagi yang tidak punya library html2pdf versi 4.4.0, mampu mendownloadnya disini . Tutorial membua report (laporan) PDF tampil per ID dapat temen-temen ikuti pada video dibawah ini. Jangan lupa setting kualitas videonya menjadi HD supaya jelas. Gimana simple dan tidak sulit kan? Jika ada pertanyaan silakan berkomentar dengan sopan. Baca tutorial sebelumnya :  Membuat Report PDF dengan Looping Gambar Menggunakan html2pdf & PHP Mysqli Baca juga tutorial selanjutnya :  Membua
Baca selengkapnya

Membuat Edit Profil (Termasuk Username & Password) dengan PHP mysql

Gambar
Assalamu'alaikum wr. wb. Halo apa kabar sahabat ? Semoga sehat selalu, Amin :) Pada tutorial kali ini kita akan melanjutkan pembelajaran sebelumnya. Kali ini kita akan berguru bagaimana membuat halaman edit profil termasuk edit username dan password dengan menggunakan PHP mysql. Fitur edit profil (termasuk edit username dan password) ini memang sering digunakan dan termasuk modul yang sering diperlukan / penting kalo kita membuat web guys. Karena banyak teman-teman yang request tutorial ini jadi aku buatkan dan Alhamdulillah ini sudah jadi. Apakah sulit min? Gak, mudah kok, biasa lah coding ala jadi simple dan mudah :D Silahkan dilihat screenshot-nya menyerupai gambar dibawah ini : Ok eksklusif saja tutorial-nya mampu diikuti pada video dibawah ini. Jangan lupa setting kualitas video-nya jadi HD semoga lebih jelas. Membuat Edit Profil (Termasuk Username... oleh yukcoding Gimana udah faham kan cara membuat halaman edit profil dengan PHP mysql? Mudah bukan? T
Baca selengkapnya

Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap

Gambar
Assalamu'alaikum wr. wb. Melanjutkan tutorial-tutorial yang sebelumnya yaitu: Membuat Desain Web Responsive dengan Bootstrap & Membuat Tampil Data dengan PHP Mysqli OOP + Bootstrap Kali ini kita akan berguru bagaimana "Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap". Kaprikornus kita tidak perlu membuat halaman tampil data dan tambah data dalam page yang terpisah, tetapi cukup memanfaatkan modal dari bootstrap. Tampilannya nanti akan menyerupai ini kawan: Dan implementasinya mampu menyerupai ini juga: Gimana keren dan simpel bukan? Oke eksklusif saja tutorial dan source code-nya dapat kita pelajari secara gratis dan terang pada video dibawah ini. Jangan lupa setting kualitasnya menjadi full hd semoga video terlihat jelas. Jika masih ada yang galau atau error jangan sungkan-sungkan untuk bertanya di komentar ya teman. Baca juga tutorial selanjutnya : Membuat Edit Data (& replace gambar di direktori) dengan Modal
Baca selengkapnya