|
_____________________________
|
|
_____________________________
|
HTML ile Yan Yana Resim Koyma
HTML'de iki veya daha fazla resmi yan yana yerleştirmek, web sayfalarına görsel ilgi ve çeşitlilik katmanın etkili bir yoludur. İşte bunu yapmanın birkaç yöntemi:
İç İçe Geçirme (inline) Elemanları Kullanma:
<img>
etiketini kullanarak tek tek resimler ekleyebilir ve bunları float
özelliğiyle yan yana hizalayabilirsiniz. Örneğin:
html
<img src="resim1.jpg" alt="Resim 1" style="float: left;">
<img src="resim2.jpg" alt="Resim 2" style="float: right;">
Blok Elemanları Kullanma:
div
veya figure
gibi blok elemanları kullanarak resimleri içeren kapsayıcılar oluşturabilir ve bunları display: inline-block;
özelliğiyle yan yana hizalayabilirsiniz. Örneğin:
```html```
CSS Grid Kullanma:
```
En İyi Uygulamalar:
< Bu ileti mobil sürüm kullanılarak atıldı > |
_____________________________
![]() |
|
_____________________________
|
< Bu mesaj bu kişi tarafından değiştirildi alperen417 -- 27 Ocak 2013; 10:59:24 > < Bu ileti mobil sürüm kullanılarak atıldı > |
_____________________________
|
|
_____________________________
|
|
_____________________________
|
|
_____________________________
|
|
_____________________________
|
|
_____________________________
|
|
_____________________________
|
|
_____________________________
![]() |
|
_____________________________
|
|
_____________________________
|