HTML SPAN Tagı Nedir?
HTML <span> etiketi, satır içi öğeler ve içerikler için genel gruplandırma imkanı sunar. Bu Öğeler için stil oluşturma amacıyla için kullanılır.
Span etiketi ile div etiketi arasında bir fark vardır. Span etiketi satır içi öğelerle kullanılırken div etiketi blok düzeyinde içerikle kullanılır.
Örnek:
Span etiketi, satır içi öğelerin gruplandırılması için kullanılır.
Span etiketi tek başına görsel bir değişiklik yapmaz.
span div etiketine çok benzer, ancak div blok düzeyinde bir etiket ve span bir satır içi etikettir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <title>HTML span kullanımı</title> </head> <body> <p>Bu bir pragraf etiketidir. <span style = "color:#FF0000;">bu bölüm de span ile </span>biçimlendirildi.</p> <p>Bu bir pragraf etiketidir. <span style = "color:#FFFF00;"> bu bölüm de span ile </span>biçimlendirildi.</p> </body> </html> |
Çıktı:
<span> etiketleri de diğer HTML etiketleri gibi CSS düzenlemesi yapılabilir. Yukarıdaki ve aşağıdaki örneklerde CSS düzenlemesi yapılmıştır.
Örnek:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <title>HTML span kullanımı</title> <style> span{ font-weight: bold; font-size:1.5em; } .kirmizi{ color:red; } </style> </head> <body> <p> Lorem ipsum dolor sit,<span> amet</span> consectetur adipisicing elit. Voluptatem deleniti expedita vitae, sit, voluptas modi similique <span>dicta</span> earum voluptate sed eos quisquam dolor quos esse? <span class="kirmizi">Sed</span> nobis nesciunt saepe magnam! </p> </body> </html> |
Örnek:
Tarayıcı Desteği
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Evet | Evet | Evet | Evet | Evet | Evet |
Yorum Yap