Hai semuanya, kali ini kita akan ngebahas bagaimana cara menampilkan gambar pada website mengunakan kode html. Yang harus diperhatikan di tutorial kali ini adalah tentang tag gambar sendiri tidak menggunakan tag penutup. Pertama-pertama sahabat harus mempersiapkan gambar terlebih dahulu, untuk formatnya sendiri saya menggunakan PNG, untuk format sendiri sahabat tidak harus menggunakan PNG boleh juga yang lain yang penting berformat gambar. Kalau sudah selesai mempersiapkan gambarnya mari kita langsung praktek, saya harapkan sahabat-sahabat bisa memperhatikanya dengan baik dan teliti karena kalau tidak teliti maka akan berbeda hasilnya nanti, oke langsung saja mari kita belajar.
Untuk kode tagnya seperti ini :
<img src="sahabatekno.png">
Keterangan :
Tag gambar tidak menggunakan tag penutup
Pertama siapkan gambar, contoh gambar yang saya gunakan adalah seperti ini :
Pindahkan gambar ke folder file html yang sahabat save sebelumnya, contohnya seperti ini :
Tempat folder saya : This PC > Download > HTML
Jika sahabat-sahabat sudah memindahkanya, sekarang kita langsung saja ke praktek kodingnya.
<html>
<head>
<title> Sahabatekno <title>
</head>
<body>
<h1> Cara Membuat Website </h1>
<h2> Cara Membuat Website </h2>
<h3> Cara Membuat Website </h3>
<h4> Cara Membuat Website </h4>
<h5> Cara Membuat Website </h5>
<h6> Cara Membuat Website </h6>
<a href="https://facebook.com"> Facebook </a>
<p> Terserah mau di isi apa saja </p>
<img src="sahabatekno.png">
</body>
</html>
<head>
<title> Sahabatekno <title>
</head>
<body>
<h1> Cara Membuat Website </h1>
<h2> Cara Membuat Website </h2>
<h3> Cara Membuat Website </h3>
<h4> Cara Membuat Website </h4>
<h5> Cara Membuat Website </h5>
<h6> Cara Membuat Website </h6>
<a href="https://facebook.com"> Facebook </a>
<p> Terserah mau di isi apa saja </p>
<img src="sahabatekno.png">
</body>
</html>
Dan kalau sahabat sudah selesai kodingnya sahabat tinggal save dan buka menngunakan browser, hasilnya akan seperti ini :
Next : Mari Belajar Iframe
0 komentar:
Posting Komentar