201: HTML5 & CSS Başlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

Bir Elemanın Görüntülenme Biçimini Değiştirme

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web-programlama

Bir inline elemanını bir block elemanına değiştirmek ya da tersini yapmak, sayfanın web standartlarını koruyarak belirli bir biçimde görünmesini sağlayabilir.

Aşağıdaki örnek <li> elemanlarını bir inline eleman olarak göstermektedir:

li {
    display: inline;
}

Aşağıdaki örnek ise, <span> elemanlarını block elemanı olarak gösteriyor:

span {

    display: block;

}

Şimdi örnek kullanımını görelim:

<!DOCTYPE html>
<html>
    <head>
        <style>
            li {
                display: inline;
            }
        </style>
    </head>
    <body>
        
        <p>BIR LINK LISTESINI YATAY MENU OLARAK GOSTERIYOR:</p>
        <ul>
            <li><a href="sec.html" target="_blank">PARIS KUTUPHANESI</a></li>
            <li><a href="over.html" target="_blank">TEXT</a></li>
            <li><a href="slide.html" target="_blank">DISPLAY</a></li>
        </ul>
        
    </body>
</html>