Atribut align dan border yang akan kita bahas sebetulnya sudah berstatus �deprecated�, yakni tidak disarankan lagi untuk digunakan, dan mungkin tidak akan didukung oleh web browser pada masa mendatang. Pengaturan tampilan gambar sebaiknya memakai CSS. Namun sebagai materi informasi, aku akan tetap membahasnya pada tutorial kali ini.
Mengenal Atribut Align pada Tag <img>
Kita sudah pernah membahas cara memasukkan gambar di HTML. Secara default, gambar akan tampil dengan text berada di sisi bawah gambar. Untuk mengubah atau mengatur tampilan gambar dalam HTML, kita sanggup menambahkan atribut align ke dalam tag <img>. Atribut align sanggup diisi dengan beberapa nilai, yakni bottom, left, middle, right dan top.
Sesuai dengan namanya, masing-masing nilai dari atribut align sanggup dipakai untuk mengatur tampilan gambar. Penggunakan atribut align=�left� :
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3 id="judul1">Apa itu RuangIlmu</h3>
<p>Ruang Ilmu ialah sebuah blog pribadi yang berkhasiat untuk berguru secara online dan asyik. Pada blog Ruang Ilmu ini akan tersedia banyak sekali ilmu ilmu yang anda akan dapatkan dengan gampang selain anda berguru di Sekolah tentunya.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4JMK_sRrOMLhlyDJTgoQIt53m-yo1y4XzztGUy1BcXrSIxecgqP5DL-hC8I3zFhnvrklhdS66hBckE_WiP9Vhw_GYr3oRVmboVKwD0ZuQrodlHZIFy6boFtmmRfaFPVyk1xvHDORv3g/s1600/Untitled-1.png" alt="Atribut align dan border yang akan kita bahas sebetulnya sudah berstatus √ Cara Mengatur Tampilan Gambar pada HTML !" height="100px"
align="left"/>
Pada blog RuangIlmu ini akan menyedia banyak sekali ilmu ilmu yang akan anda dapatkan, mungkin awal 2018 ini ialah awal pembuatan blog Ruang Ilmu. Sampai tamat 2018 ini Ruang Ilmu akan berusaha sebaik mungkin akan melengkapi ilmu ilmu yang sudah ada pada daftar sajian yang sudah tersedia. Anda akan mendapat banyak sekali ilmu yang tersedia menyerupai Ilmu Pemrograman, Ilmu Sejarah, Ilmu Komputer, Ilmu Blogging, dan Pembahasan Seputar Teori Bumi.
</p>
</body>
</html>
Mengenal Atribut Border pada Tag <img>
Atribut border dipakai untuk menambahkan garis tepi (border) kedalam gambar. Nilai dari atribut ini ialah angka yang berisi ukuran lebar garis tepi dalam satuan pixel. Berikut ialah pola penggunaan atribut border=�5� pada gambar:
<!DOCTYPE html>
<html>
<head>
<title>RuangIlmu</title>
</head>
<body>
<h3 id="judul1">Apa itu RuangIlmu</h3>
<p>Ruang Ilmu ialah sebuah blog pribadi yang berkhasiat untuk berguru secara online dan asyik. Pada blog Ruang Ilmu ini akan tersedia banyak sekali ilmu ilmu yang anda akan dapatkan dengan gampang selain anda berguru di Sekolah tentunya.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4JMK_sRrOMLhlyDJTgoQIt53m-yo1y4XzztGUy1BcXrSIxecgqP5DL-hC8I3zFhnvrklhdS66hBckE_WiP9Vhw_GYr3oRVmboVKwD0ZuQrodlHZIFy6boFtmmRfaFPVyk1xvHDORv3g/s1600/Untitled-1.png" alt="Atribut align dan border yang akan kita bahas sebetulnya sudah berstatus √ Cara Mengatur Tampilan Gambar pada HTML !" height="100px"
align="right" border="5"/>
Pada blog RuangIlmu ini akan menyedia banyak sekali ilmu ilmu yang akan anda dapatkan, mungkin awal 2018 ini ialah awal pembuatan blog Ruang Ilmu. Sampai tamat 2018 ini Ruang Ilmu akan berusaha sebaik mungkin akan melengkapi ilmu ilmu yang sudah ada pada daftar sajian yang sudah tersedia. Anda akan mendapat banyak sekali ilmu yang tersedia menyerupai Ilmu Pemrograman, Ilmu Sejarah, Ilmu Komputer, Ilmu Blogging, dan Pembahasan Seputar Teori Bumi.
</p>
</body>
</html>
Penggunaan atribut border secara pribadi ke dalam tag <img> mempunyai banyak keterbatasan, contohnya kita tidak sanggup mengatur warna dan jenis border dari gambar. Pengaturan yang lebih disarankan ialah dengan memakai CSS.
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon