Menampilkan gambar di HTML
Di Posting Oleh : wandi
Kategori : HTML
Selamat datang kawan kawan di blog saya yang sederhana ini , kali ini saya akan berbagi mengenai cara menampilkan gambar di html . Menampilkan gambar pada HTML ini penting sekali , tidak ada website yang tidak memiliki gambar .
Untuk menampilkan gambar di HTML kita gunakan yang namanya Tag <img> , dan menggunakan atribut src .
<img src="gambar.png">
Oke sekarang kita akan coba menampilkan gambar , Pertama kita siapkan dulu gambarnya dan taruh dimana kalian akan nyeyimpan file HTML kalian .
Sekarang kita buat file HTML ,
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="fokus_tujuan_akhir.jpg">
</body>
</html>
untuk <img src="fokus_tujuan_akhir.jpg"> di bagian isi atribut src kalian ubah sesuai nama gambar kalian . Jika sudah save dimana kalian menaruh gambarnya .
Itu cara pertama Kawan kawan bisa juga dengan memangil URL gambarnya , misal
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png">
</body>
</html>
Maka akan tampil
Di dalam Tag <img> juga tidak hanya ada atribut src saja , tetapi banyak seperti width dan height . Dari katanya saja width untuk kelebaran dan height untuk panjang . Oke sekarang jika akan coba gunakan
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png"
width="32px"height="32px">
</body>
</html>
Untuk isinya tidak hanya berupa pixel saja tetapi berupa persen juga bisa , Coba kalian ubah yang pixel jadi % . Maka ukurannya akan menjadi 32% dari lanyarnya .
Gimana mudah bukan untuk menampilkan Gambar di html itu , kita tinggal gunakan saja <img src="lokasifile" > . Oke semoga bermanfaat dan juga menambah wawasan . terimakasih telah berkenan membaca artikel ini . Sampai jumpa di artikel yang lainnya yang lebih menarik dan juga lebih bermanfaat .
Mau liat atau download source code aplikasi premium bisa disini.
Di Posting Oleh : wandi
Kategori : HTML
Selamat datang kawan kawan di blog saya yang sederhana ini , kali ini saya akan berbagi mengenai cara menampilkan gambar di html . Menampilkan gambar pada HTML ini penting sekali , tidak ada website yang tidak memiliki gambar .
Untuk menampilkan gambar di HTML kita gunakan yang namanya Tag <img> , dan menggunakan atribut src .
<img src="gambar.png">
Oke sekarang kita akan coba menampilkan gambar , Pertama kita siapkan dulu gambarnya dan taruh dimana kalian akan nyeyimpan file HTML kalian .
Sekarang kita buat file HTML ,
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="fokus_tujuan_akhir.jpg">
</body>
</html>
untuk <img src="fokus_tujuan_akhir.jpg"> di bagian isi atribut src kalian ubah sesuai nama gambar kalian . Jika sudah save dimana kalian menaruh gambarnya .
Itu cara pertama Kawan kawan bisa juga dengan memangil URL gambarnya , misal
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png">
</body>
</html>
Maka akan tampil
Di dalam Tag <img> juga tidak hanya ada atribut src saja , tetapi banyak seperti width dan height . Dari katanya saja width untuk kelebaran dan height untuk panjang . Oke sekarang jika akan coba gunakan
<!doctype html>
<html>
<head>
<title>Menampilkan Gambar di HTML</title>
</head>
<body>
<img src="https://thenewboston.com/images/forum/logos/145efe2aab7ca9959397d6344180b658.png"
width="32px"height="32px">
</body>
</html>
Untuk isinya tidak hanya berupa pixel saja tetapi berupa persen juga bisa , Coba kalian ubah yang pixel jadi % . Maka ukurannya akan menjadi 32% dari lanyarnya .
Gimana mudah bukan untuk menampilkan Gambar di html itu , kita tinggal gunakan saja <img src="lokasifile" > . Oke semoga bermanfaat dan juga menambah wawasan . terimakasih telah berkenan membaca artikel ini . Sampai jumpa di artikel yang lainnya yang lebih menarik dan juga lebih bermanfaat .
Mau liat atau download source code aplikasi premium bisa disini.
0 Komentar