Div ve span etiketleri HTML’de bir bölümü, bir alanı karşılar. Bu etiketler içerisine elemanlar konularak tasarım yapılır. Div, block level bir elementtir, dolayısıyla değiştirilmedikçe sayfa genişliği kadar alan kaplar. Span ise inline tip bir elementtir, içeriği kadar yer kapsar.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML - Div & Span</title>
<style>
span {
border: 1px solid red;
}
div {
border: 1px solid blue;
}
</style>
</head>
<body>
<div>Bu bir div</div> <!-- div: block level bir etiketttir dolayısıyla genişliği sayfa boyunca devam eder. -->
<span>Bu bir span</span> <!-- span: inline bir etiketttir genişliği içeriği kadardır -->
<p> <!-- block level -->
Lorem ipsum, <span>dolor sit</span>amet consectetur adipisicing elit. Hic,
suscipit.
</p>
<p>
Lorem ipsum, <div>dolor sit</div>amet consectetur adipisicing elit. Hic,
suscipit.
</p>
</body>
</html>
Mehmet İçme 
Yorum bırakın