Html Eğitimi Ders 8-Resimler

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8DO53cCid62CqITXc2HvORPmuE6LB9uBUjYEtDowxjjvblogCSZIL-WWMr7KfTvBtuCPniAFLyRKNn0UBiDN4farDOKKFXqat1fVs4VfaWa6tGlLr9E-43TVsFg-gSa-vIqqDo4nfR8/s1600/html.jpeg" width="165" /></a></div> Merhaba,<br /> Şimdi önemli bir konu üzerinde duracağız. Resim eklemek ve düzenlemek gibi. Çok kolay bir ders olacak.<br /> <h3> Resimler</h3> <div> İlk olarak bir resm eklemeyi gösterelim:</div> <div> <br /></div> <img src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim"><br /> <br /> "img" kullanarak bir resim ekleyeceğimizi anladık ve "src" ile köprü yani link oluşturduk. Sonra "alt" ile üzerine gelice çıkacak yazıyı belirledik. Önizleyelim:<br /> <br /> <br /> <img alt="Resim" height="300" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" width="400" /><br /> <br /> Büyük bir resim değil mi? Biraz küçültsek iyi olur gibi. Hadi küçültelim:<br /> <br /> <img width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim"><br /> <br /> Şimdi önizleyelim:<br /> <br /> <img alt="Resim" height="100" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" width="125" /><br /> <br /> Daha güzel oldu değil mi? Şimdi de "border" yani çerçeve kalınlığını ayarlayalım. Örnek olarak kalınlığı "5" verelim:<br /> <br /> <img border="5" width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim"><br /> <br /> Önizleyelim:<br /> <br /> <img alt="Resim" border="5" height="100" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" width="125" /><br /> <br /> Şimdi gördüğünüz gibi bir çerçeve oluşturduk. Olmamasını istiyorsan "o" değerini vermemiz gerekir. Peki bu da tamam. Şimdi resmimi ortalamak istiyorum. Pek çok tag'de özellik olarak kullanılan "aling" yani hiza özelliğini kullanıcam. Örneğin:<br /> <br /> <img aling="center" border="5" width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim"><br /> <br /> Önizlemek isterdim ama blogger div etiketleri ile çalıştığından bu durumu önizlemeyecektir. Bunun dışında "aling" özellikleri şunlardır:<br /> <br /> <ul> <li>center: Orta</li> <li>right: Sağ</li> <li>left: Sol</li> </ul> <div> Şimdilik bu kadar. Çalışmayı unutmayın. Kolay Gelsin.</div>

Html Eğitimi Ders 8-Resimler

Merhaba, Şimdi önemli bir konu üzerinde duracağız. Resim eklemek ve düzenlemek gibi. Çok kolay bir ders olacak. Resimler İlk olarak b...

Devamı »