THT DUYURU

chat
Web Programlama Asp, Php, Html, Asp.Net, Aspx, Perl Vb Web Programlama Bölümü

ugursuz reklam
takipci
Seçenekler

HTML Dersleri - 2.Bölüm

SoldadoNegro - ait Kullanıcı Resmi (Avatar)
Yeni Üye
Üyelik tarihi:
07/2011
Nereden:
GökYüzü
Yaş:
29
Mesajlar:
212
Konular:
14
Teşekkür (Etti):
28
Teşekkür (Aldı):
77
Ticaret:
(0) %
3
1165
03-10-2011 19:13
#1
Karışıklığa sebep vermemek için <BODY> taglerinin içini yazacağım. Bunadan sonra <HTML>, <HEAD> & <TITLE> taglerini artık yazmayacağım ama siz mutlaka yazın. (ben kısaltmış olmak için yazmıyorum-belirteyim).
Alıntı Yapma Burası TURKHACKTEAM.NET
<BODY>
</BODY>

Güzel bir şey yazın.

<BODY>
Güzel bir şey
</BODY>

Sitede Sadece "Güzel bir şey" yazacak .

Dökümanda herhangi bir şey değiştirdiniz mi mutlaka "Kayıt" ile saklatın, "Yenile" yi tıklayın ve değişikliği hemen gözlemleyinki ne olduğunu anlayabilesiniz

Sanırım ilk öğrenmemeiz gereken background - fon - renginin nasıl değiştiği.

<BODY BGCOLOR="#FFFF00">
Güzel bir şey
</BODY>

FFFF00 sarı renginin HEX kodudur. Ve Arkaplan Rengi Sarı Oldu .

Dilerseniz arkaplanı image - resim - de yerleştirebilirsiniz.
DİKKAT : image -resim- sizin HTML dosyanızla (sayfanızla) aynı folder -klasör- de olmalı. Yoksa resimleriniz çıkmaz. Resimleri göremezseniz endişelenmeyin, mutlaka aynı klasörde değildir veya GIF ve JPG dosyalarınızı Türkçe harfler kullanarak isimlendirmiş olabilirsiniz.
Kodun yazılışı ise aşağıdaki gibidir:

<BODY BACKGROUND="fon.gif">
Güzel bir şey
</BODY>

fon.gif adlı resmimiz arkaplan oldu bile .
Alıntı Yapma Burası TURKHACKTEAM.NET
İmage in görünebilmesi için aynı HTML dosyanızla aynı klasörde olması gerek. Bunun en kolay yolu , image ın üzerine sağ tıklayıp birinci derste yaptığınız sayfa bilgisayarın hangi bölümünde ise hemen onun yanına Resmi Farklı Kaydet yapın .

<BODY BGCOLOR="#FFFFFF">
Güzel bir <B>şey</B>
</BODY>

"şey" kelimesini kalın yazdığını görüceksiniz.

Biz aslında browsere diyoruz ki<B> görünce harfleri kalın yapmağa başla </B> görüncede durdur.

Aynı kural italikler içinde geçerlidir....

<BODY BGCOLOR="#FFFFFF">
Güzel <I>bir</I> <B>şey</B>
</BODY>

"bir" kelimesinin italik yanı yamuk "şey" kelimesinin kalın olduğunu görebilirsiniz.

vede.. altçizgi.

<BODY BGCOLOR="#FFFFFF">
<U>güzel</U> <I>bir</I> <B>şey</B>
</BODY>

Beyaz ekrana tekrar dönelim.

<BODY BGCOLOR="#FFFFFF">
Güzel bir şey
</BODY>
Alıntı Yapma Burası TURKHACKTEAM.NET

İstersek tagleri birlikte kullanabiliriz.

<BODY BGCOLOR="#FFFFFF">
Güzel bir <I><B>şey</B></I>
</BODY>

Yukarıdaki örnektede "şey" kelimesinin hem büyük hem italik olduğunu gördünüzmü?

Bu nested - yani içiçe geçmiş - taglere örnektir. İlerde etiketleri birlikte kullandığınız zaman aşağıdaki şekilde yapın yoksa browserin kafasını karıştırırsınız.
Alıntı Yapma Burası TURKHACKTEAM.NET
<THIS><THAT></THIS></THAT> Karışık yani HATALI
<THIS><THAT></THAT></THIS> Nested DOĞRUSU BÖYLE


Elbette font size too font ebatlarıda değişir... Nasıl mı? - Çok kolay.

Önce <FONT> taglerini ilave edin... Alıntı Yapma Burası TURKHACKTEAM.NET

<BODY BGCOLOR="#FFFFFF">
Güzel bir<FONT>şey</FONT>
</BODY>
Alıntı Yapma Burası TURKHACKTEAM.NET
Sonra SIZE ebat özelliğini belirtin.

<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT SIZE=6>şey</FONT>
</BODY>


Fontlar 7 ebatta gelir:

minik=1
küçük=2
normal=3
büyücek=4
büyük=5
gerçekten büyük=6
jumboo!=7

Şimdi iki şeyi tartışalım. <TAG> browsere bir şeyi yapmasını söyler ve ATTRIBUTE ise <TAG> içine girer ve browsere nasıl yapacağını söyler.
İkinci nokta ise defaultlar yani varsayılanlar. Eğer hiçbirşey belirtilmemişse browser varsayılan değerleri atar. Mesela font ölçülerinde varsayılan değer 3 tür. bir şey belirtmezseniz browser 3 varsayarak karakterleri yazar.

Her browserin değişik varsayılan font ayarları vardır. Eğer PCnizi fazla kurcalamadı iseniz varsayılan ayarları " Times New Roman 12pt ve siyah renk tir". Ama ARIAL and COMIC SANS gibi değişik fontlarda vardır.

<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT FACE="ARIAL">şey</FONT>
</BODY>

Tabii fontların gözükmesi için PCnize yüklü olması gerekir. Tekrarlayayım eğer sayfanıza bakan kimse, sizin belirttiğiniz fontlar bilgisayarına yüklü değilse, sadece kendi bilgisayarının varsayılan fontunu görür. Onun için fontlarınızla biraz dikkatli olun.Arial ve Comic Sans MS Windows ile gelen yaygın fontlardandır. Aynı şekilde Impact! da. Yapmanız gereken, işi garantiye almak için birden fazla font belirtmeniz. (Evet! yapabilirsiniz) Bunlardan birini yapın.. <FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">Hidee Ho</FONT>.
Benim gibi jetonu geç düşenlere açıklayayım. Olay şu: Sayfa yüklenirken browser ARIAL arar. Bulursa kullanır, bulamadı ozaman HELVETICA yı arar. Bulursa kullanır olmadı LUCIDA SANSı gider bakar. Onuda bulamazsa çaresiz varsayılan fontu kullanır.
Alıntı Yapma Burası TURKHACKTEAM.NET
Evvet, eğlenceye geri dönelim..
İsterseniz font rengini değiştirebilirsiniz.

<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT COLOR="#FF0000">şey</FONT>
</BODY>

İstersek birden fazla özelliği <TAG> içine yerleştirebiliriz...

<BODY BGCOLOR="#FFFFFF">
Güzel bir <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">şey</FONT>
</BODY>

Elbette bu kadar değil!

<BODY BGCOLOR="#FFFFFF">
Güzel bir <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">şey</FONT></B></I></U>
</BODY>

Tekrar belirteyim, birden fazla tag nested olmalı.

<TAG3><TAG2><TAG1>Hooha!</TAG1></TAG2></TAG3>

Hangisinin önce olduğu mühim değil. Bir şeyi kırmızı ve kalın yapmak için sıra farketmez. İstediğiniz sırada yapabilirsiniz.

<TAG2><TAG1><TAG3>Hooha!</TAG3></TAG1></TAG2>

Kendinizi ve browserin kafasını karıştırmak için en kestirme yol, etiketlerin sırasını karıştırmaktır. The fastest way to confuse the browser, not to mention yourself is to overlap the tags...

<TAG3><TAG2><TAG1>Hooha!</TAG3></TAG1></TAG2>
Alıntı Yapma Burası TURKHACKTEAM.NET
Son olarak: Browserin text rengi, link rengi, aktif link rengi ve ziyaret edilmiş link rengi ve ekran fon rengi için varsayılan değerleri vardır. Şöyleki:
Alıntı Yapma Burası TURKHACKTEAM.NET
Alıntı Yapma Burası TURKHACKTEAM.NET
Alıntı Yapma Burası TURKHACKTEAM.NET


Text siyahtır
Linkler mavi
Actif link kırmızı
Ziyaret edilmiş link mor

Eğer ihtiyacınız olursa bunları değiştirebilirsiniz (ihtiyacınız olursa dedim!) Bütün dünya linkleri mavi görmeğe alışmıştır. Lütfen fazla değişiklik yapıp kafaları karıştırmayın. Bütün döküman için varsayılanları <BODY> etiketinin içinde değiştirebilirsiniz.

Bu Dersimizde Burada Bitmiştir. Aklınıza Takılan Yerleri Pm den Sorunuz.

İyi Forumlar.


Not: Alıntı Yapılarak Hazırlanmıştır.
Konu SoldadoNegro tarafından (03-10-2011 19:22 Saat 19:22 ) değiştirilmiştir.
Hacker C1R1M1N4L, kapaturka Teşekkür etti.
Hacker C1R1M1N4L - ait Kullanıcı Resmi (Avatar)
Yeni Üye
Üyelik tarihi:
01/2012
Nereden:
Ankara
Mesajlar:
47
Konular:
8
Teşekkür (Etti):
13
Teşekkür (Aldı):
1
Ticaret:
(0) %
24-01-2012 12:32
#2
Süper Ellerine SAĞLIK
--------------------- SİZ BİZİM KİM OLDUĞUMUZU MERAK EDERKEN BİZ SİZİN 7 SÜLALENİZİ ÇÖZÜYORUZ!!'


'SİZ GECELERİ RÜYANIZDA KIZLARI DÜŞLERKEN BİZ KLAVYELERİMİZLE SAVAŞTAYIZ!!'
TurkTim - ait Kullanıcı Resmi (Avatar)
Yeni Üye
Üyelik tarihi:
03/2012
Mesajlar:
51
Konular:
0
Teşekkür (Etti):
21
Teşekkür (Aldı):
0
Ticaret:
(0) %
31-03-2012 01:14
#3
Elllerıne Saglık
gringoxx - ait Kullanıcı Resmi (Avatar)
Yeni Üye
Üyelik tarihi:
08/2011
Nereden:
.
Mesajlar:
484
Konular:
42
Teşekkür (Etti):
80
Teşekkür (Aldı):
61
Ticaret:
(0) %
31-03-2012 01:31
#4
aynı konu var konu kilit
---------------------

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler