HTML Span Etiketi - Kod Kampüsü

Trang chủ » Html Span Etiketi Nedir » HTML Span Etiketi - Kod Kampüsü

Có thể bạn quan tâm

HTML span etiketi , doğası gereği hiçbir şeyi temsil etmeyen, ifade içeriği için genel bir satır içi kapsayıcıdır. CSS ile Öğeleri şekillendirme amacıyla gruplamak için veya site içerisinde bölümler oluştururken kullanılır. Kullanıldığı satır içerisini etikleyerek biçimlendirme yapmamıza olanak tanır. Bir paragrafı span etiketiyle biçimlendirelim

<p span style="color:red;">Kod Kampüsü</span>
1<p spanstyle="color:red;">Kod Kampüsü</span>

Kod Kampüsü Her satır için ayrı bir span kullanalım ve biçimlendirme yapalım.

<span style="background-color: Salmon;">Kod</span> <span style="background-color: SkyBlue;">Kampüsü</span> <span style="background-color: LightGreen;">HTML</span> <span style="background-color: MediumOrchid;">Dersleri</span>
1234<span style="background-color: Salmon;">Kod</span><span style="background-color: SkyBlue;">Kampüsü</span><span style="background-color: LightGreen;">HTML</span><span style="background-color: MediumOrchid;">Dersleri</span>

Kod Kampüsü HTML Dersleri Bir metnin bir kısmının rengini / arka plan rengini ayarlamak için span etiketini kullanabiliriz.

<p><span style="background-color:LightSlateGray">Kod Kampüsü</span> sitesiyle güncel programlama dilleri ve web programlama dilleri hakkında <span style="color:HotPink;">açıklayıcı örnekler </span>bulabilirsiniz. <span style="background-color:Gold;">Sitemizi takip etmeyi</span> ve dersleri ayrıntılı incelemeyi unutmayın!</p>
12345<p><span style="background-color:LightSlateGray">Kod Kampüsü</span>sitesiyle güncel programlama dilleri ve web programlama dilleri hakkında <span style="color:HotPink;">açıklayıcı örnekler </span>bulabilirsiniz.<span style="background-color:Gold;">Sitemizi takip etmeyi</span>ve dersleri ayrıntılı incelemeyi unutmayın!</p>

Kod Kampüsü sitesiyle güncel programlama dilleri ve web programlama dilleri hakkında açıklayıcı örnekler bulabilirsiniz.Sitemizi takip etmeyi ve dersleri ayrıntılı incelemeyi unutmayın!

Span ve div etiketi arasında ki farkı net bir biçimde gösteren kodu ayrıntılı inceleyelim. Div etiketi tam bir genişliğe etki ederken, span etiketi belirtilen bölümü etkiler.

<html> <head> <style> div { color: MistyRose; background-color: PaleVioletRed; margin: 5px; font-size: 10px; } span { color: SaddleBrown; background-color: MediumAquamarine; margin: 5px; font-size: 10px; } </style> </head> <body> <div> DIV </div> <div> DIV </div> <span> SPAN </span> <span> SPAN </span> </body> </html>
12345678910111213141516171819202122232425262728<html><head> <style>div {color:MistyRose;background-color:PaleVioletRed;margin:5px;font-size:10px;} span {color:SaddleBrown;background-color:MediumAquamarine;margin:5px;font-size:10px;}</style> </head><body><div> DIV </div><div> DIV </div><span> SPAN </span><span> SPAN </span></body></html>

HTML Span Etiketi

Post Views: 1.961

Từ khóa » Html Span Etiketi Nedir