Selam. Kafama göre HTML bir şeyler deniyorum ve bu işlerde henüz çok çok yeniyim. Aşağıda bıraktığım şekilde bir şey yaptım fakat bu fotoğraf ve yazıların aynısını sağ tarafa kopyalamak istiyorum. Toplamda 5 tane sütun şeklinde olacak, teşekkürler.
HTML web sitesinde klonlama
- Konuyu başlatan lyxea2
- Başlangıç Tarihi
- Mesaj 5
- Görüntüleme 281
Yusuf11
Decapat
Daha fazla
- Sistem Özellikleri
- Intel Core i5 12400F・ASUS ROG STRIX Radeon RX 6750 XT・ASUS PRIME H610M-K・GoodRam 8GB IRDM x2・GoodRam 512GB PX500 Gen3x4 M.2 NVMe・Thermaltake Versa T25 ARGB TG 650W 80+ USB 3.0 Mid Tower Kasa
Razer BlackShark V2 X Gaming Kulaklık・Razer Deathadder V2 Mini Gaming Mouse
- Cinsiyet
- Erkek
- Meslek
- Öğrenci, Yazılımcı, İngilizce-Türkçe Tercüman
Bunları yukarıdan aşağı birer sütun, ve bunlardan yan yana toplamda 5 adet olacak. Birbirlerinden eşit uzaklıkta ayırmak için space-between kullanabilirsin. Flex kullanabilirsin. İnternetten HTML box align column tarzı bir aratma yaparsa birkac kaynak bulabilirsin.
Ayrıca bunları sakın böyle margin left right şeklinde ayırma.
Ayrıca bunları sakın böyle margin left right şeklinde ayırma.
teşekkür ederim hocam. peki merakımdan soruyorum margin left right şeklinde ayırırsam ne olur?
Yusuf11
Decapat
Daha fazla
- Sistem Özellikleri
- Intel Core i5 12400F・ASUS ROG STRIX Radeon RX 6750 XT・ASUS PRIME H610M-K・GoodRam 8GB IRDM x2・GoodRam 512GB PX500 Gen3x4 M.2 NVMe・Thermaltake Versa T25 ARGB TG 650W 80+ USB 3.0 Mid Tower Kasa
Razer BlackShark V2 X Gaming Kulaklık・Razer Deathadder V2 Mini Gaming Mouse
- Cinsiyet
- Erkek
- Meslek
- Öğrenci, Yazılımcı, İngilizce-Türkçe Tercüman
Sen kodlama yaparken kendi ekranına göre yaptığın için farklı cihaz boyutuna geçtiğinde sayfa çok daha farklı gözükecektir. İncele yaptıktan sonra yukarıdan farklı cihazlarda nasıl gözükeceğini gösteren bir özellik var. İstersen onu kullanabilirsin.
body etiketi içerisinde div oluşturup "display:flex;" özelliğini verip içerisine de "img" ve "h1" etiketlerini bir farklı bir "div" etiketinin içerisinde olacak şekilde koyabilirsin.
Kod:
<body>
<div style="display:flex;">
<div>
<img
<h1
<div>
<img
<h1
