|
| TASARIMIN TEMELLERİ |
HTML KODLARI NASIL KULLANILIR?
İngilizce bir takım kelimelerin küçük < ve büyük > sembolleri arasına yazılmasıyla oluşturulan ifadelere tag (etiket) deniyor. Etiketler etki etmesi istenilen metnin önüne ve arkasına yazılıyor. Önce etiketi yazıyoruz, sonra metni yazıyoruz daha sonra aynı etiketi önüne bir bölü " / "işaretiyle tekrar yazıyoruz. Bu son yaptığımız etiketi sonlandırıyor. Bir kaç istisna dışında tüm etiketler belge içerisinde sonlandırılmak zorunda.
HTML
Tarayıcıya HTML dosyasının başladığını ve bittiğini belirtiyor. Diğer tüm kodlar bu iki etiket arasına yazılır.
HEAD
Bir HTML belgesi iki bölüme ayrılıyor: head(baş) ve body(gövde). ... etiketleri arasına sayfa hakkında bilgiler yazıyoruz. meta ve title gibi etiketler burada yeralıyor. Meta etiketlerine ileride değineceğiz.
TITLE
Title sayfanın başlığını belirtiyor. Burada yazılanlar browser'ın üst tarafında browser adıyla beraber gösteriliyor.
BODY
... arası ise sayfamızın gövde bölümü. Ekranda gösterilecek kısımlar bu tagler arasında yeralıyor.Bir Web sayfasının arka planına bir resim döşeyip renklendirmek için;
< body background=' arka.gif ' bgcolor=' #ffff00 ' > body tagına bu kodları yazmalıyız...
BR
Enter görevini üstlenir. < br > şeklinde kullanılır..
CENTER
Ortamala görevini üstlenir. < center > İFADELER < /center > şeklinde kullanılır..
İ
Yazılarınızı italik yapar.(italic) < i > İFADELER < /i > şeklinde kullanılır..
B
Yazıları koyu renk yapar.(bold) < b > İFADELER < /b > şeklinde kullanılır..
U
Yazıların altını çizer. (underline) < u > İFADELER < /u > şeklinde kullanılır..
FONT
Yazı tipini, rengini, boyutunu ayarlar.< font face="tahoma" size="3" color="black" > şeklinde kullanılır..
face = "yazıtipi"
color = "renk"
size = "boyut"
|
Başa Dön
| RESİM KULLANMAK |
Dokümanın herhangi bir yerine bir resim yerleştirmek için en sade haliyle
< IMG SRC=" RESIM.GIF " > tag'ını kullanabiliriz. Bu tag'ı kullandığınızda resim hiç bir yere yaslanmayacak, boyutu ayarlanmayacak, metin olarak bir alternatifi olmayacaktır.
Yukarda da belirttiğimiz gibi resimleri kullanırken bir çok seçeneğiniz var, bu seçenekler sayfanın görünümünde kuşkusuz büyük rol oynayacaktır. Seçeneklerden birincisi Internet erişiminin yavaş olduğunu bildiğimiz ülkemizde sayfalarınızı görüntüleyecek olan kişilere biraz yardımcı olmak en azından resim yüklenene kadar kullanıcının meraklarını gidermek için kullanılabilir, bahsettiğimiz takı "ALT" tır.
< IMG SRC="RESIM.GIF" ALT="deneme resmi" >
satırını yazdığınızda web tarayıcınız RESIM.GIF adlı resmi yüklenmeden önce resmin yerine "deneme resmi" metnini girecektir, böylece kullanıcı resmi görmeden ne olduğunu bilecek ve anında STOP tuşuna basabilecektir.
Seçeneklerden biri de resmin ekranda görünecek boyutlarını ayarlamak için kullanılır bu takı HEIGHT ve WIDTH'tir. Bu takılar bir arada kullanılmalıdır, tek başına kullanıldığında web tarayıcısı takıyı göz ardı edecektir.
< IMG SRC="RESIM.GIF" WIDTH=100 HEIGHT=50 >
satırını yazdığınızda RESIM.GIF isimli resmin boyutu ne olursa olsun 50 piksel yüksekliğe ve 100 piksel genişliğine getirilerek ekranda gösterilecektir. Resim gösterirken işimize yarayacak diğer bir seçenek ise BORDER'dır. Bu takı ileride değineceğimiz "Internet Kısayolları" (Hyper Link) ile ilgili olsa da şimdi birkaç püf noktası vermek gerekir. Başka bir URL'ye kısayol yaratıldığında kısayolun ismi bir alt çizgi ile belirlenir, bu işlem resimlerde resmin mavi bir çerçeve içerisine alınmasıyla belirtilir, Eğer bir resmi başka bir sayfaya kısayol olarak kullanacaksak ve çerçevenin görünmesini istemiyorsanız BORDER=0 ifadesini kullanmalıyız.
|
Başa Dön
| İNTERNET KISAYOLLARI |
Link dediğimiz Internet kısayolları, Internet'te belki de en çok kullanılan özelliklerden biridir. Asıl amacı Internet üzerinde herhangi bir sunucuya bağlı bir dosyayla bağlantı kurmak olan kısayollar ayrıca elektronik posta yollamak gibi değişik amaçlar için de kullanılabilir.
< a href=" [Adres] [:port]" >[Görüntü]< /a >
Internet kısayollarının kullanımı yukarıdaki gibidir. Adres kısmı bağlanılacak HTML sayfasını, görüntü kısmı ise kısayolun, sayfadaki görüntüsünü belirler. Örneğin yazacağınız
< a href=" http://www.imyo.deu.edu.tr" >İMYO< /a >
gibi bir satır ekranda İMYO olarak görülecek ve bizi doğruca imyo'nun Web sitesine bağlayacaktır.
TARGET PARAMETRESI
Bağlantının açılacağı pencereyi belirtmek için "target" parametresi kullanılır...
Target parametresinin kullanımı:
< a href="..." target="..." >< /a >
target="_blank" -->Bağlantı yeni bir pencerede açılır.
target="_self" -->Bağlantı aynı pencere içerisinde açılır.
target="_top" -->Bağlantı aynı pencere içerisinde en üstte açılır.
target="_parent" -->Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.
Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.
|
Başa Dön
|
|