Bu yazımızda HTML de oluşturulmuş bir tablo içine resim eklemeyi gösteren bir örnek oluşturacağız. Daha önceki dersimizde HTML Tablo Oluşturma konusunu görmüştük. Bu örneğimizde de rowspan,colspan,align gibi parametreleri de kullanarak bir tablo oluşturacağız.
Bunun yanında img etikeni de kullanarak belirlediğimiz bir hücrede resim görüntüleyeceğiz.
Örneğimizi oluşturduğumuzda aşağıdaki gibi bir görüntü elde edeceğiz. Yani basit bir kimlik kartı oluşturacağız.
Yukarıdaki tabloyu oluşturacak kodlarımız;
Bunun yanında img etikeni de kullanarak belirlediğimiz bir hücrede resim görüntüleyeceğiz.
Örneğimizi oluşturduğumuzda aşağıdaki gibi bir görüntü elde edeceğiz. Yani basit bir kimlik kartı oluşturacağız.
Yukarıdaki tabloyu oluşturacak kodlarımız;
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <!doctype html> <html> <head> <title>Menü Uygulaması</title> <meta charset="utf-8"/> </head> <body> <table border="3"> <tr> <th colspan="3">Kimlik Kartı</th> </tr> <tr> <td width="120">Adı</td> <td width="120">Ahmet</td> <td width="120" height="100" rowspan="3" align="center"><img src="resimler/accom.jpg" height="70" width="90" alt="www.yazilimkodlama.com" border="2"></td> </tr> <tr> <td>Soyadı</td> <td>Cansever</td> </tr> <tr> <td>Doğum Tarihi</td> <td>1 Ocak</td> </tr> <tr> <td colspan="2">Bilişim Teknolojileri</td> <td>Sicil No: 123456</td> </tr> </table> </body> </html> |