Ders 5
<img />
<img özellik="değer" />
Özellik | Alabileceği Değerler | Örnek |
src | resim linki | <img src="http://img851.imageshack.us/img851/5412/dth6.png"/> |
alt | yazı | <img alt="bir çiçek resmi" /> |
width | sayı veya oran | <img width="50px"/> veya <img width="20%"/> |
height | sayı veya oran | <img height="50px"/> veya <img height="20%"/> |
border | sayı | <img border="3" /> |
style | CSS kodları | <img style="border-color:red;-moz-border-radius:14px;" /> |
Kod | Önizlemesi |
<img src="http://img851.imageshack.us/img851/5412/dth6.png"/> |
Kod | Önizlemesi |
<img alt="iki tane kare" src="http://img851.imageshack.us/img851/5412/dth6.png" /> |
Kod | Önizlemesi |
<img width="50px" height="200px" src="http://img851.imageshack.us/img851/5412/dth6.png" /> | |
<img height="40" src="http://img851.imageshack.us/img851/5412/dth6.png" /> |
border değeri aslında çok basittir. 3, 5 gibi herhangi bir sayı yazarak kenarlığın, yani çerçevenin genişliğini belirlersiniz:
Kod | Önizlemesi |
<img border="4" src="http://img851.imageshack.us/img851/5412/dth6.png" /> |
style değeri olarak css kodları kullanılır. Ancak şu an için bundan bahsetmeye gerek yok. Html dersleri bitmeden css derslerine başlamayacağız. 2-Resimlere link vermek? HTML dilinde bildiğiniz gibi, elementler kullanırız. İlk dersimizde bu elementleri kümelere benzetmiştik ve bazı kümelerin diğerlerini kapsayabileceğini söylemiştik. İşte şimdi o özellikten bahsetme zamanı:
Resim kümesinin href özelliği yoktur. Bu nedenle resimlere link vermek istediğimizde, href özelliği olan bir elementin içine koyarız. Ve bu element çoğunlukla, yazı kümemiz olan "a" dır:
Kod | Önizlemesi |
<a href="http://google.com"> <img src="http://img851.imageshack.us/img851/5412/dth6.png"/> </a> |
3-Başlık elementleri. Başlık elementleri, aslında son derece kısırlaştırılmış birer yazı elementidir. Başlık elementlerini şu şekilde gösterebiliriz:
Kod | Önizlemesi |
<h6>Merhaba</h6> |
Merhaba |
<h5>Merhaba</h5> |
Merhaba |
<h4>Merhaba</h4> |
Merhaba |
<h3>Merhaba</h3> |
Merhaba |
<h2>Merhaba</h2> |
Merhaba |
<h1>Merhaba</h1> |
Merhaba |
Bir dersin daha sonuna geldik. Önümüzdeki derse kadar alıştırma yapmayı ihmal etmeyin. Kod Önizleme Aracı (üyelik gerekiyor) size alıştırmalarınızda büyük kolaylık sağlayacaktır
Tekrar görüşmek üzere.