Turkcell | Geleceği Yazanlar

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

Genişlik ve Yükseklik

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : css-tablo tablo-sinirlari css-border doctype tablo-olusturma tablo-tasarimi genislik-yukseklik web-programlama

Bir tablonun ebatları, width (genişlik) ve height (yükseklik) özellikleriyle belirlenir. Aşağıdaki örnek kod ile bunlarla ilişkili atamalar yapacağız:

table {
    width: 100%;
}

th {
    height: 60px;
}


ÖRNEK HTML5 KODU:

<!DOCTYPE html>
<html>
    <head>
        <style>
            table, td, th {
                border: 2px solid red;
            }
        
        table {
            width: 100%;
        }
        
        th {
            height: 60px;
        }
        </style>
    </head>
    <body>
        
        <table>
            <tr>
                <th>ÜLKE</th>
                <th>NÜFUS</th>
                <th>DİL</th>
            </tr>
            <tr>
                <td>Almanya</td>
                <td>80</td>
                <td>Almanca</td>
            </tr>
            <tr>
                <td>Fransa</td>
                <td>55</td>
                <td>Fransızca</td>
            </tr>
            <tr>
                <td>İsveç</td>
                <td>4</td>
                <td>İsveççe</td>
            </tr>
            <tr>
                <td>İsviçre</td>
                <td>8</td>
                <td>Almanca, Fransızca, İtalyanca, Romanşca</td>
            </tr>
        </table>
        
    </body>
</html>