<!DOCTYPE html>
<html>

<head>
  <title>Html Arkaplan Resmi</title>

</head>

<body>
<h2> ArkaPlan Resmi Kullanım Örneği</h2>

<p>Öncelikle aşağıda kullanacağım resmi atıyorum</p>
<img src="resim/arkaplan-resmi-ornek-01.png">

<p>Şimdi paragrafımızın arka planına koyalım</p>

<p style="background-image: url('resim/arkaplan-resmi-ornek-01.png');"> Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. Bu bir paragrafın arkaplanında kullanılan resim örneğidir. </p>

<p>Görüldüğü üzere paragrafımız çok uzun olunca resim ardı ardına tekrarlandı. Bu varsayılan ayar. Bunu bir sonraki örneklerde değiştirelim.</p>
    
</body>

</html>

Arka Plan Resmi Nasıl Kullanılır

style attribute içerisinde background-image ile resim kullanabiliriz. background-image karşılığında bir url parametresi alır ve bu sayede resmimizin yolunu belirtebiliriz.