Menggabungkan gambar dan teks
Assalamualaikum Wr. Wb.
Hai, seperti biasa saya akan menjelaskan tentang menggabungkan gambar dan teks.
- Menggabung atau menyisipkan gambar didalam suatu teks atau paragraf tertentu. Terdapat pilihan posisi gambar yang harus diperhatikan.
- Secara Vertikal:
1. Teks bisa berada sejajar dengan bagian atas gambar.
2. Teks bisa berada sejajar dengan bagian tengah gambar.
3. Teks bisa berada sejaja dengan bagian bawah gambar.
- Untuk posisi gambar yang dilihat dari arah vertikal dapat ditentukan dengan mengisi nilai TOP, MIDDLE, atau BOTTOM, kedalam atribut ALIGN yang terdapat pada tag <img>.
Berikut contoh coding menggabungkan gambar dan teks secara vertikal.
<!DOCTYPE HTML>
<html>
<body>
<h1>Menggabungkan gambar dan teks, posisi terhadap teks secara vertikal</h1>
<p><img scr="memementah1.jpg" width=150 align=TOP>logo 1 (menggunakan align=TOP)<br><br>
<p><img scr="memementah1.jpg" width=150 align=MIDDLE>logo 2 (menggunakan align=MIDDLE)<br><br>
<p><img scr="memementah1.jpg" width=150 align=BOTTOM>logo 3 (menggunakan align=BOTTOM)<br><br>
</body>
</html>
Berikut dari hasil coding diatas:
Menggabungkan gambar dan teks, posisi terhadap teks secara vertikal
logo 2 (menggunakan align=MIDDLE)
logo 3 (menggunakan align=BOTTOM)
Hasil:
0 Response to "Menggabungkan gambar dan teks"
Post a Comment