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

Mengaktifkan PHP Extension (mysql, mysqli, PDO, etc) di XAMPP

Gambar
Assalamu'alaikum wr. wb. Kemaren ada sahabat kita mengikuti tutorial-tutorial di blog ini yang 1-15 : Tetapi beliau bilang error, padahal script udah sama. Setelah beliau memberitahu errornya, aku eksklusif menebak dilema bukan pada code dia, tetapi versi web server yang dipakai adalah XAMPP-nya versi terbaru. Saya juga memakai XAMPP terbaru dan ternyata benar, aplikasi yang dulu aku built pake PHP ekstensi mysql yang lama muncul menyerupai ini : Setelah aku analisa ternyata extension PHP mysql yang lama emang di versi xampp terbaru default-nya ter-disable, bukan dihapus tapi cuma dinonaktifkan. Karena para pengembang PHP sendiri sudah tidak membuatkan PHP ekstensi mysql dan sangat menyarankan move on ke ekstensi mysqli dan PDO. Baca juga : -  Perbedaan mysql dan mysqli Extension PHP -  Pengertian PDO dan Cara Mengaktifkan PDO Extension Dan inilah cara serta penjelasan bagaimana mengaktifkan extension-extension PHP di XAMPP, mampu mysql extension, mysqli extensio
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