Html öğreniyorum 2
1 sayfadaki 1 sayfası
Html öğreniyorum 2
Sayfaya resim yerleştirme
Sayfada yazılar üzerinde nasıl kontrol sahibi olabileceğimizi gördükten sonra sayfaya nasıl resim ekleyebileceğimizi görelim. Sayfaya resim yerleştirmek için kullanacağımız tag <img> dir. Bu tagında kapanış tagı kullanılmaz. Img tagı kullanılırken bir çok parametresi vardır. Bu parametreler resmi en güzel şekilde sayfaya yerleştirmek için konulur. Bu parametrelerin hepsini şu anda göremeyeceğiz. Önemli olan bir kaçını öğreneceğiz.
1. SRC
Kullanacağımız resmin yerini belirtir.
2. ALT
Kullanacağımız resmin ismini yazar.
3. BORDER
Kullanacağımız resmi çerçeveler.
4. ALIGN
Kullanacağımız resmi sağa veya sola yerleştirir.
5. HEIGHT
Kullanacağımız resmin yüksekliğini belirler.
6. WIDTH
Kullanacağımız resmin genişliğini belirler.
İlk resmimizi sayfamıza yerleştirelim:
<img align=left border=0 alt="resim" src="resim.gif"> resim sola yanaşık.
<img align=right border=0 alt="resim" src="resim.gif"> resim sağa yanaşık.
Bu konuyu da anladığımıza göre artık diğer parametrelere geçebiliriz. Daha sonra ise resimlerin kullanımıyla ilgili önemli noktalara değineceğiz. Şimdi resmin genişlini ve yüksekliğini belirleyelim. Aslında resmin genişliği ve genişliğini belirlemesekte olur. Fakat eğer sayfamızı izleyen bir kişi resimleri otomatik izlemeyi kapatmış veya salt metinsel bir browser kullanıyorsa sayfamızın görünüşü bozulabilecektir. Resmin boyutlarını belirlersek inceleyici ( browser ) belirttiğimiz büyüklük kadar bir alanı boş bırakacaktır.
Aynı resim üzerinde height ve width değerlerini değiştirerek birkaç deneme yapın resmin nasıl büyüyüp küçüldüğünü görün.
Sayfaya resim ekleme ile ilgili anlatacağım şimdilik bu kadar. Fakat anlatılacak çok şey var ve ilerde anlatılacak. Web sayfasının en önemli konusu olan linklere geçelim.
Sayfada yazılar üzerinde nasıl kontrol sahibi olabileceğimizi gördükten sonra sayfaya nasıl resim ekleyebileceğimizi görelim. Sayfaya resim yerleştirmek için kullanacağımız tag <img> dir. Bu tagında kapanış tagı kullanılmaz. Img tagı kullanılırken bir çok parametresi vardır. Bu parametreler resmi en güzel şekilde sayfaya yerleştirmek için konulur. Bu parametrelerin hepsini şu anda göremeyeceğiz. Önemli olan bir kaçını öğreneceğiz.
1. SRC
Kullanacağımız resmin yerini belirtir.
2. ALT
Kullanacağımız resmin ismini yazar.
3. BORDER
Kullanacağımız resmi çerçeveler.
4. ALIGN
Kullanacağımız resmi sağa veya sola yerleştirir.
5. HEIGHT
Kullanacağımız resmin yüksekliğini belirler.
6. WIDTH
Kullanacağımız resmin genişliğini belirler.
İlk resmimizi sayfamıza yerleştirelim:
- Kod:
<html>
<head> <title>İlk resimli sayfamız </title> </head>
<body>
<img src="resim.gif">
</body>
</html>
- Kod:
<html>
<head><title>Alt parametresi</title> </head>
<body>
<img alt="bu bir resimdir" src="resim.gif">
</body>
</html>
- Kod:
<html>
<head> <title>Border parametresi </title> </head>
<body>
<img border=1 alt="resim" src="resim.gif">
</body>
</html>
- Kod:
<html>
<head><title>Align parametresi1</title> </head>
<body>
<img align=left border=0 alt="resim" src="resim.gif">resim sola yanaşık<p>
</body>
</html>
<img align=left border=0 alt="resim" src="resim.gif"> resim sola yanaşık.
<img align=right border=0 alt="resim" src="resim.gif"> resim sağa yanaşık.
- Kod:
<html>
<head> <title>Align parametresi3 </title> </head>
<body>
<img align=right border=0 alt="resim" src="resim.gif">resim sağa yanaşık<p>
</body>
</html>
Bu konuyu da anladığımıza göre artık diğer parametrelere geçebiliriz. Daha sonra ise resimlerin kullanımıyla ilgili önemli noktalara değineceğiz. Şimdi resmin genişlini ve yüksekliğini belirleyelim. Aslında resmin genişliği ve genişliğini belirlemesekte olur. Fakat eğer sayfamızı izleyen bir kişi resimleri otomatik izlemeyi kapatmış veya salt metinsel bir browser kullanıyorsa sayfamızın görünüşü bozulabilecektir. Resmin boyutlarını belirlersek inceleyici ( browser ) belirttiğimiz büyüklük kadar bir alanı boş bırakacaktır.
- Kod:
<html>
<head> <title>Resimde boyut belirleme </title> </head>
<body>
<img alt="bu bir resimdir"
height="100" width="100" src="resim.gif">
</body>
</html>
Aynı resim üzerinde height ve width değerlerini değiştirerek birkaç deneme yapın resmin nasıl büyüyüp küçüldüğünü görün.
Sayfaya resim ekleme ile ilgili anlatacağım şimdilik bu kadar. Fakat anlatılacak çok şey var ve ilerde anlatılacak. Web sayfasının en önemli konusu olan linklere geçelim.
ber_kaan- Mesaj Sayısı : 71
Rep Gücü : 175
Kayıt tarihi : 28/05/09
Yaş : 29
Nerden : Ankara
TurkplaneT
Turkplanet: 0
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz