WEB TASARIMIN TEMELLERİ ~ Sunu 4 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.
DERSİN İÇERİĞİ HTML Etiketleri <body> Etiketleri Metin Biçimlendirme Etiketleri Sunu içerisinde anlatılanlar ornek02 klasörü içerisinde ornek02.html dosyasında kodlanmıştır. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 2
<BODY> Etiketi İnternet sayfasının içeriğini, yani ana gövdesini oluşturan etikettir. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 3
<BODY> Etiketinin Özellikleri text : Sayfadaki metnin rengini belirler. bgcolor : Sayfanın arkaplan rengini belirler. topmargin : Sayfanın üst kenar boşluğu leftmargin : Sayfanın sol kenar boşluğu Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 4
<BODY> Etiketinin Özellikleri link : Sayfadaki bağlantıların rengini belirler. alink : Sayfadaki aktif bağlantıların rengini belirler. vlink : Sayfadaki ziyaret edilen bağlantıların rengini belirler. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 5
<FONT> Etiketi ve Özellikleri Etiket içerisindeki metnin biçimlendirmesi için kullanılır. Sonlandırmalı etikettir. color : Metnin rengini belirler. face : Metnin yazı tipini belirler. size : Metnin büyüklüğünü belirler. 1-7 arasında değerler alır. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 6
<B> Etiketi Etiket içerisindeki metnin kalın yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 7
<I> Etiketi Etiket içerisindeki metnin sağa eğik (italik) yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 8
<U> Etiketi Etiket içerisindeki metnin altı çizili yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 9
<S> Etiketi Etiket içerisindeki metnin üstü çizili yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 10
<SUB> Etiketi Etiket içerisindeki metnin alt simge olarak yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 11
<SUP> Etiketi Etiket içerisindeki metnin üst simge olarak yazılması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 12
<STRONG> Etiketi Etiket içerisindeki metnin kalın yazılması için kullanılır. <b> etiketi ile aynı işlevi görür. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 13
<P> Etiketi Etiket içerisindeki metnin paragraf olarak yazılması için kullanılır. Sonlandırmalı etikettir. align : Paragrafın hizalanması için kullanılır. left, right, center, justify Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 14
<BR> Etiketi Etiketten sonraki ifadeler bir alt satırdan başlar. Yani yeni bir satırbaşı yapmak için kullanılır. Sonlandırmasız etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 15
<NOBR> Etiketi İnternet tarayıcıları kullanıcı ekranının çözünürlüğüne, tarayıcı penceresi içerisinde yatayda sığmayan metinleri kaydırarak görüntüler. Bu etiket arasına yazılan ifadeler pencere küçültülse bile yatayda kaymak, pencere içerisine yatay kaydırma çubuğu çıkar. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 16
<H1>,<H2>,<H3>,<H4>,<H5>,<H6> Başlık Etiketleri Etiket içerisindeki metnin başlık olarak yazılması için kullanılır. Harfin yanındaki 1-6 değerleri başlığın büyüklüğünü belirtir. Sonlandırmalı etiketlerdir. align : Paragrafın hizalanması için kullanılır. left, right, center Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 17
<HR> Etiketi İnternet sayfası içerisine yatay çizgi eklemek için kullanılır. Sonlandırmasız etikettir. align : Çizginin yataydaki hizasını belirler. left, right, center size : Çizginin kalınlığını belirler. width : Çizginin genişliğini belirler. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 18
<HR> Etiketi color : Çizginin rengini belirler. noshade : Çizginin gölgesiz olacağını belirler. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 19
<BLOCKQUOTE> Etiketi Sayfa içerisindeki verileri gruplandırmak için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 20
<CENTER> Etiketi Etiket içerisindeki ifadelerin sayfaya yatayda ortalanması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 21
<SPAN> Etiketi Etiket içerisindeki ifadelerin gruplanması için kullanılır. Sonlandırmalı etikettir. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 22
İç İçe Etiket Kullanımı Etiketler iç içe kullanılarak bir nesneye birden fazla özellik veya biçimlendirme verilebilir. Dikkat edilmesi gereken nokta, etiketlerin başlangıçlarının sırası kapanışta simetrisi olmalıdır. Yani ilk sıradaki etiketin kapanışı en sonda olmalıdır. Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 23
İç İçe Etiket Kullanımı Doğru Kullanım <b><u><i>ermenek MYO</i></u></b> <İ> etiketi kapsama alanı <u> etiketi kapsama alanı <b> etiketi kapsama alanı Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 24
İç İçe Etiket Kullanımı Yanlış Kullanım <b><u><i>ermenek MYO</b></u></i> <İ> etiketi kapsama alanı <u> etiketi kapsama alanı <b> etiketi kapsama alanı Öğr. Gör. Mehmet Fatih TAN Web Tasarımın Temelleri 25