22-08-2007, 02:00
Web sayfanıza Resim eklemek
Merhaba arkadaşlar,
Bakıyorum bayağı ilerlediniz.. Yakında beni bile geçeceksiniz.
Bu hafta sizlerle sayfamıza resim yerleştirmeyi öğrenelim... Size bir sır vereyim mi? Bu dersleri çalışırken winamp'ı açalım ve öyle çalışmaya başlayalımResimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın Böylece hem eğlenir hem öğreniriz ...
Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelimResimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın Mesela buttonlar yaptık bunları nasıl yerleştireceğiz? Gelin şimdi bunu öğrenelim...
Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src="resmin adı" etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim:
Resim ekliyoruz
Evet işte oldu sayfamıza resmimizi yerleştirdik. Ama şimdi sadece solda duruyor.
Resimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın
Resmin ortaya hizalanması
Resmin sağa hizalanması
Resmimizin boyutlarını da belirleyebiliriz.
Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz.
Resmin üzerine gelince görünen yazı
Mouse'umuzu yani faremizi sayfamızdaki bir resmin ya da grafik unsurun üstüne getirdiğimizde görünen açıklama metni koyabiliriz. Bu metinde resmin adı, sitemiz hakkında bilgi bulunabilir.
Şimdi bir hatırlatma... Resimlerimiz ile .htm dosyalarımız aynı klasörde olmalı. Yoksa resimlerimiz gözükmez. Onun yerine bir çarpı işareti görmekte pek hoş olmaz...
Merhaba arkadaşlar,
Bakıyorum bayağı ilerlediniz.. Yakında beni bile geçeceksiniz.
Bu hafta sizlerle sayfamıza resim yerleştirmeyi öğrenelim... Size bir sır vereyim mi? Bu dersleri çalışırken winamp'ı açalım ve öyle çalışmaya başlayalımResimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın Böylece hem eğlenir hem öğreniriz ...
Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelimResimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın Mesela buttonlar yaptık bunları nasıl yerleştireceğiz? Gelin şimdi bunu öğrenelim...
Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src="resmin adı" etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim:
Resim ekliyoruz
Kod:
<html>
<head>
<title>Sayfamızda Resim </title>
</head>
<body>
<p><img src="cicek.jpg">
</body>
</html>Evet işte oldu sayfamıza resmimizi yerleştirdik. Ama şimdi sadece solda duruyor.
Resimleri Ve Linkleri Görebilmek İçin KAYIT Olun veya GİRİŞ Yapın
Resmin ortaya hizalanması
Kod:
<img src="cicek.jpg align="center">Resmin sağa hizalanması
Kod:
<img src="cicek.jpg" align="right">Resmimizin boyutlarını da belirleyebiliriz.
Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz.
Kod:
<img src="cicek.jpg" width=230 height=252>Resmin üzerine gelince görünen yazı
Mouse'umuzu yani faremizi sayfamızdaki bir resmin ya da grafik unsurun üstüne getirdiğimizde görünen açıklama metni koyabiliriz. Bu metinde resmin adı, sitemiz hakkında bilgi bulunabilir.
Kod:
<img src="cicek.jpg" width=230 height=252 alt="DayDay web sitene hoşgeldin :)">Şimdi bir hatırlatma... Resimlerimiz ile .htm dosyalarımız aynı klasörde olmalı. Yoksa resimlerimiz gözükmez. Onun yerine bir çarpı işareti görmekte pek hoş olmaz...