HTML Span Nedir? - Tasarım Kodlama

Trang chủ » Html Span Etiketi Nedir » HTML Span Nedir? - Tasarım Kodlama

Có thể bạn quan tâm

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.

<!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>
12345678910111213141516 <!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ı:

html span nedir
html span nedir

<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:

<!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>
1234567891011121314151617181920212223 <!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:

span etiketi örnek
span etiketi örnek

Tarayıcı Desteği

ChromeFirefoxIEOperaSafariAndroid
EvetEvetEvetEvetEvetEvet
EtiketlerHTML Etiketi Kullanımı HTML Etiketleri HTML Örnekleri HTML Span Etiketi HTML Span Tagı

Từ khóa » Html Span Etiketi Nedir