Sesinizin Çıktığı Yerdesiniz... www.sesimiz.homegoo.com

Hayattan Keyif Almak istiyorsanız Doğru yerdesiniz...
 
AnasayfaAna SayfaTakvimGaleriSSSAramaKayıt OlGiriş yap
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
En iyi yollayıcılar
admin -X-
 
mavihayal
 
Acemi_Prens
 
edra-sukeyna
 
Dj.YALNIZ
 
rabia
 
candy8803
 
tugce
 
gulsah
 
_e_s_r_a_
 
En son konular
» JILJDFSDFSD
Cuma Kas. 12, 2010 10:47 pm tarafından burak

» Tarkan - 2010 (Full)
Çarş. Tem. 28, 2010 10:30 pm tarafından admin -X-

» Günün Şarkısı... Kurban - Yalan
Cuma Tem. 23, 2010 10:27 pm tarafından admin -X-

» Sesimiz Forum 1. Yaşını Hediyelerle Kutluyor...
Cuma Tem. 23, 2010 9:50 pm tarafından admin -X-

» Forum kuralları
C.tesi Ocak 09, 2010 12:55 am tarafından Acemi_Prens

» cumanız mübarek olsun
C.tesi Ocak 09, 2010 12:55 am tarafından Acemi_Prens

» Yusuf Güney - Heder oldum aşkına
Perş. Ocak 07, 2010 5:20 pm tarafından Acemi_Prens

» İşte UEFA Fikstürü..!
Perş. Ocak 07, 2010 5:19 pm tarafından Acemi_Prens

» E - Bülten hizmeti başladı...
Perş. Ocak 07, 2010 5:19 pm tarafından Acemi_Prens

Anket

Paylaş | 
 

 6. DERS - Html title

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
admin -X-

avatar

Erkek
Mesaj Sayısı : 112
Yaş : 26
Nerden : G.antep
İş/Hobiler : Bilgisayar, Teknisyen
Lakap : uA uğruna
Kayıt tarihi : 06/02/09

MesajKonu: 6. DERS - Html title   Cuma Nis. 10, 2009 5:38 pm

6. HTML Dersi

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?

...












Web tasarımı öğrenme isteğiniz sizi bu derse kadar getirdi; Tebrik ederim
Haydin devam edelim.
Bu dersimizde sizlerle resimlere ( 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   ile vermemiz gerektiğini öğreneceğiz.
Ayrıca web sitelerine link vermeyi öğrenmiş olacağız.

Daha önce aldığım fakat hazırlamaya fırsatımın olmadığı bir domain adı var : www.gazeteler-e.gen.tr

Bunu birlikte kodlamaya (sadece html kullanarak) başlayalım.

web sitesinin şu anki görüntüsü resimdeki gibidir. (11 temmuz 2006 Salı 06:21)



Sitenin şu anki görüntüsünü oluşturan HTML kodu aşağıdaki gibidir.
--------------------------------------------------------------------------------


Türkçe gazeteler, yerel ve ulusal gazeteler



Gazeteler'e linkler
şu anda yapım aşamasında...







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

Şimdi kodlamaya başlayabiliriz:
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.



Çerveve vermek için border özelliğini kullanıp çerçeve kalınlığına da 1 değerini atıyoruz.

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
ekleyip 3. ve 4. resmin aşağıdaki satırda çıkmasını sağlayacağız.
  yi 3. ve 4. resim arasında kullanalım.
         
Ben 5 tane   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   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

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.


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


Son bir ekleme daha yapıp bugünkü HTML dersimizi bitirmiş olalım.
Gazetelere linkler
Bugünkü çalışmamızın tamamına ait HTML kodları aşağıdaki gibidir
--------------------------------------------------------------------------------


Türkçe gazeteler, yerel ve ulusal gazeteler



Gazeteler'e linkler
?u anda yapym a?amasynda...


















Gazetelere linkler





--------------------------------------------------------------------------------
Çalışmamızın son halini görmek için buraya tıklayınız.

inşaAllah bir dahaki dersimiz de Gazetelere linkler kodunu daha iyi anlamış olacaksınız.

Sizin bir dahaki dersimize kadar yapabileceğiniz pratik şudur:
internetten çeşitli resimleri indirip onlar üzerinde width ve height çalışması yapmak
Dersime katıldığınız için teşekkür ederim.


Kaynak www.htmldersleri.info
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://sesimiz.homegoo.com
 
6. DERS - Html title
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» açık öğretim
» vBulletin Güvenlik Önlemleri 3

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Sesinizin Çıktığı Yerdesiniz... www.sesimiz.homegoo.com :: BİLİŞİM - İNTERNET :: HTML Dersleri-
Buraya geçin: