CSS vertical-align Örnek

Aralık 03, 2015

htmlvecssegitimi.blogspot.com

Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img.yukari { vertical-align: text-top; } img.asagi { vertical-align: text-bottom; </style> </head> <body> <p>Html ve Css Eğitimi resmi<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resimin normal hali.</p> <p>Html ve Css Eğitimi resmi<img class="yukari" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resime text-top değeri uygulandığında.</p> <p>Html ve Css Eğitimi resmi<img class="asagi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resime text-bottom değeri uygulandığında.</p> </body> </html>

KAYNAK KODLARI

SONUÇ EKRANI

<!DOCTYPE HTML>
<html lang="en-US">

<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    img.yukari {
        vertical-align: text-top;
    }
    
    img.asagi {
        vertical-align: text-bottom;
  </style>
</head>

<body>
  <p>Html ve Css Eğitimi resmi<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resimin normal hali.</p>

<p>Html ve Css Eğitimi resmi<img class="yukari" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resime text-top değeri uygulandığında.</p>

<p>Html ve Css Eğitimi resmi<img class="asagi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSA1N_JA9xIyITnRurTqxeD11dmEdlniHxnLSfUfIz9Zpg5qUHyDXOZDhrimVyyjvwQyWpH5qtmdwS2h36lQYJK_DQ7cAPd61oXdwUzYnkKdzf-JkagEs9StCkPg3FiQ3RSR3nwnpjSw/s1450/html-ve-css-dersleri.png" alt="Html ve Css Dersleri" width="200" height="45" /> Resime text-bottom değeri uygulandığında.</p>
</body>

</html>

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

CSS vertical-align Örnek

htmlvecssegitimi.blogspot.com

HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML yorum Etiketi Örnek

HTML Yorumlar

HTML5 ile SEO Uyumlu İçerik Üret

HTML link Etiketi

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

İnternetten Para Kazanmanın Yolları -İnternetten Para Kazandıran Siteler -İnternetten Nasıl Para Kazanılır

2020 En hızlı ve güvenli YouTube reklam engelleyici tarayıcı

HTML DOCTYPE Bildirimi

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması