Belajar HTML - Penulisan Image HTML


belajar penulisan image html
Penulisan Image HTML
Pada umumnya suatu browser menampilkan beberapa format gambar seperti JPG, PNG, GIF, Xbitmap (XBM). Untuk menyatakan sebuah inline image dalam dokumen web adalah dengan :

<img src="nama_gambar">

Pada browser atribut ukuran gambar adalah height dan width digunakan untuk memperbesar atau memperkecil gambar. Untuk mengatur penampilan gambar adalah aligment, yang mempunyai flexibelan untuk saat menampilkan gambar.


Untuk menampilkan gambar bersamaan dengan teks maka gambar ditambahkan atribut align, yang bisa diisi nili top, center, dan bottom.

Agar gambar ditampilkan tanpa teks , dan ingin ditampilkan ditengah paragraf seperti umumnya pada sebuah logo perusahaan, maka dapat menggunakan atribut align pada tag <p> agar gambarnya terlihat ditengah.

Contoh :

<p align ="center"><img src="nama_gambar"></p>

Dalam sintaksnya adalah sebagai berikut :

<html>
<head></title> latihan import gambar</title>
</head>
<body>
<p> gambar : <img src="gambar.jpg" width="150" height="150"></p>
 </body>
</html

Alignment Image


Contoh :

<html>
<head></title>latihan aligment</title>
</head>
<body>
<p> gambar <img src="gambar.jpg" align="bottom"></p>
<hr>
<p> gambar 2<img src="gambar_2.jpg" align ="middle"></p>
<hr>
<p> gambar 3<img src="gambar_3.jpg" align ="top"></p>
</body>
</html>

HTML || Css || Javascript

Belajar HTML - Penulisan Image HTML Belajar HTML - Penulisan Image HTML Reviewed by Ardy S on April 27, 2015 Rating: 5

No comments:

Powered by Blogger.