www.kadir-18.yetkin-forum.com

şiir, söz, sms, hazır sms, bedava sms, html, html kodlar
 
AnasayfaAnasayfa  ANA SAYFAANA SAYFA  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yap  
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
En son konular
» GENÇLİK BÖYLEDİR İŞTE
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» GECE BİR NETİCEDİR
Paz Şub. 22, 2009 2:09 pm tarafından Admin

» ESKİ SAADETİNLE
Paz Şub. 22, 2009 2:06 pm tarafından Admin

» ..ÇOCUKLUK..
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» ÇÖKÜYORUM
Paz Şub. 22, 2009 2:05 pm tarafından Admin

» CAN YOLDAŞI
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BİR KAPI AÇIP GİTSEM
Paz Şub. 22, 2009 2:04 pm tarafından Admin

» BEN AŞK ADAMIYIM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

» BEN ÖLECEK ADAM DEĞİLİM
Paz Şub. 22, 2009 2:03 pm tarafından Admin

Kimler hatta?
Toplam 1 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 1 Misafir

Yok

Sitede bugüne kadar en çok 28 kişi C.tesi Mart 05, 2011 5:42 pm tarihinde online oldu.

Paylaş | 
 

 html dersleri 6

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
Admin
Admin
avatar

Mesaj Sayısı : 319
Kayıt tarihi : 27/01/09

MesajKonu: html dersleri 6   Çarş. Ocak 28, 2009 12:04 am

Resimde Yükseklik-Genişlik ve Bir başka sayfaya link vermek (HTML Title)
Hoşgeldiniz!
Yeni bir derste daha sizinle buluşmak güzel.
Şu ana kadar hangi HTML etiketlerini gördük?

<h1> </h1> <h2> </h2> <h3> </h3> ...
<br>
<font size="" color=""> </font>
<body bgcolor=""> </body>
<html> </html>
<b> </b>
<title> </title>
<head> </head>
<U> </U>
<I> </I>
<IMG SRC="....">

Web tasarımı öğrenme isteğiniz sizi bu derse kadar getirdi; Tebrik ederim
Haydin devam edelim.
Bu dersimizde sizlerle resimlere (<img> html etiketi) yükseklik (height) ve genişlik (width) vermesini göreceğiz.
Resimlere çerçeve (border) vereceğiz.
HTML dosyasında nesneler (kelime/resim vs..) arasına boşluğu &nbsp; ile vermemiz gerektiğini öğreneceğiz.
Ayrıca web sitelerine link vermeyi öğrenmiş olacağız.
</h1> tagı kapandıktan hemen sonra bu site için hazırlanmış logomuzu img html etiketiyle yerleştirelim.
logoyu kendi makinanıza almak için; logonun üzerine sağ tıklayıp farklı kaydeti seçiniz.
Logoyu aldıktan sonra html dosyasıyla aynı dizinde olmasını sağlayınız.


<img src="gazetelere-link-logo.jpg">
Çerveve vermek için border özelliğini kullanıp çerçeve kalınlığına da 1 değerini atıyoruz.
<img border=1 src="gazetelere-link-logo.jpg">
ikisi arasında farkı görebilmek için bu iki img tagını da aynı sayfada kaydedelim.
Görüntü için buraya tıklayınız.

ikinci img etiketinden sonra bir <br> ekleyip 3. ve 4. resmin aşağıdaki satırda çıkmasını sağlayacağız.
&nbsp; yi 3. ve 4. resim arasında kullanalım.
<img src="gazetelere-link-logo.jpg"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img border=1 src="gazetelere-link-logo.jpg">
Ben 5 tane &nbsp; kullandım herbiri bir karakter kadar boşluk verir. Ben iki resim arasında 5 karakter kadar boşluk elde etmek istiyorum.
Sonuç aşağıdaki gibi olması lazım.

Çalışmamızın şu anki görüntüsü için buraya tıklayınız.

web sayfalarındaki kelime yada harfler arasında birden çok boşluk varsa bunlar web tarayıcıları tarafından tek bir boşlu olarak gösterilir.
HTML de yazılar arasında boşluk vermek için &nbsp; kullanılır;
yukarıda resimler arasında boşluk vermek için kullandığımız gibi.

--------------------------------------------------------------------------------

Şimdi width ve height ile çalışalım. aynı sayfada logomuzu 5. kez çıkartalım.
ekleyeceğimiz resmin yeni bir satırda gelmesi için br tagını bir kez kullanalım.
html etiketleri çeşitli özellikler alabilirler bu özelliklerin değerleri vardır.
img etiketinin width özelliğine biz 300 değerini atayalım
<img src="gazetelere-link-logo.jpg" width=300>
sonucu görmek için buraya tıklayınız.

6. resmi ilave etmeden önce çalışmamıza tekrar bir br etiketi ekleyelim
Bu sefer de img etiketinin height özelliğine değer atayacağız.

<img src="gazetelere-link-logo.jpg" height=235>
sonucu görmek için buraya tıklayınız.

Yeni bir resim eklemeden önce br etiketini kullanmassanız 7. resmimiz 6. nın hemen yanında olacaktır.
Bu son resimde width=100 olsun height=45
<img src="gazetelere-link-logo.jpg" width=100 height=45>

Son bir ekleme daha yapıp bugünkü HTML dersimizi bitirmiş olalım.
<a href="http://www.gazeteler-e.gen.tr"> Gazetelere linkler </a>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://kadir-18.yetkinforum.com
 
html dersleri 6
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
www.kadir-18.yetkin-forum.com :: YAZILIM :: WEB TASARIM :: HTML DERSLERİ-
Buraya geçin: