☰ Dersleri Göster

div etiketi - Bölme Etiketi

Bu derste web sayfalarımızda sıkça kullandığımız div etiketini öğreneceksiniz.

 

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Document</title>
    <style>
        div {
            width: 50%;
            border: 1px solid black;
            text-align: center;
        }

        img {
            width: 100%;
        }
    </style>
</head>

<body>

    <h1>Tabloların Tanıtımı</h1>


    <div>
        <h2>Bir kadının kodlaması tablosu</h2>
        <img src="img/coder.jpg" alt="">
        <p>
            Fotoğraf Sahibi: X
        </p>
    </div>

    <div>
        <h2>Bir laptop</h2>
        <img src="img/laptop.jpg" alt="">
        <p>
            Fotoğraf Sahibi: Y
        </p>
    </div>

    <div>
        <h2>İkinci Laptop</h2>
        <img src="img/perfect.jpg" alt="">
        <p>
            Fotoğraf Sahibi: Z
        </p>
    </div>

</body>
</html>