HTML Tablo İçine Resim Ekleme Örneği

sdkbyrm

olwα.ɴeт
Üyelik Tarihi
23 Aralık 2020
Mesajlar
813
Beğeniler
1
Puanı
3
Ticaret: 0 / 0 / 0
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.
1608733465329.png
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>
 
Üst Alt