Selasa, 16 Agustus 2016

Mengatur Alignment Teks dan Gambar

Nani!! 05.54

Dalam prakteknya, gambar sering kali disandingkan dengan teks. Untuk itu Anda perlu mengatur bagaimana alignment teks terhadap gambar. Caranya dengan menambahkan tag <align> di dalam tag <img>. Format kodenya seperti berikut:

<img src="nama_file_gambar" align=top|middle|bottom>

Maksud tulisan top|middle|bottom adalah Anda bisa menentukan apakah alignment akan top (atas), middle (tengah) atau bottom (bawah). Langsung saja, berikut ini contoh alignment teks. Beserta tampilannya jika dilihat di browser.

<html>
<head>
<title>Aligning Text dan Gambar</title>
</head>
<body>
<h1> Contoh Alignment Teks dan Gambar </h1>
<p>
<img src="site_logo.jpg" align=top />Logo
</p>
<p>
<img src="site_logo.jpg" align=middle />Logo Site
</p>
<p>
<img src="site_logo.jpg" align=bottom />Logo Site.com
</p>
</body>
</html>

Hasilnya akan seperti ini