Bilgisayar İnternet WebTasarım















pageimage

Merhaba arkadaşlar,
Burada sayfaya resim eklemeyi öğreneceğiz.

    Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelim:) 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

<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.

  Ortaya ya da sağa hizalanması isteseydik, aşağıdaki kodları yazmamız gerekecekti.

Resmin ortaya hizalanması

<img src="cicek.jpg align="center">

Resmin sağa hizalanması

<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.

<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.


<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...






Bu sayfa hakkında yorum ekle:
İsminiz:
Siteniz:
Mesajın:


  • ßilgi-World ßilgi Dünyası
  • © ßilgi-World ßilgi Dünyası hizmetleri. © Tasarımın çalınması durumunda gerekli işlemler yapılacaktır.
  • Sitemiz 1280x800 çözünürlüğünde optimize edilmiştir.
  • Firefox, İnternet Explorer, Opera, Google Chorome gibi tarayıcılarda sorunsuz çalışmakla beraber en iyi firefox ile görüntülenir.
  • Etiketler: |bilgi world| |bilgi-world| |bilgisayar| |webtasarım| |tr.gg| |bedava-sitem| |program| |kodlar|
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=