MENÜ |
|
|
|
|
|
|
|
Bedava-Sitem Yardım Konuları
|
|
|
|
|
|
|
|
İnternet Bilgileri
|
|
|
|
|
|
|
| |
Linkler <a>. . . </a> etiketi içinde, href="" komutuyla belirtilir.
Örnek:
<a href=http://www.bilgi-platform.tr.gg target="_blank">Bilgi-Plarform Ana Sayfası</a>
Bu örnekte bir de target değişkeni verilmiştir. Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target="_blank" komutunu eklemeniz gerekir. Aynı pencerede açılmasını isterseniz ilgili değişkeni target="_top" şeklinde yazabilirsiniz. Hiç bir şey yazılmazsa da sayfa aynı pencerede açılır.
title değişkenini kullanarak da fare linkin üzerine geldiğinde gözükecek link açıklamasını ekleyebilirsiniz. Aşağıdaki örnekte fareyle linkin üzerine gelip beklerseniz Orta Doğu Teknik Üniversitesi yazısını göreceksiniz.
<a href="http://www.md-12.com" target="_blank" title="Kişisel Sayfam için tıklayın" >Mustafa Dalcı</a>
Eğer hazırladığınız dokümanlar arasında bir bağlantı kurmak istiyorsanıiz, <a> etiketini aşağıdaki gibi kullanmalısınız.
<a href="dosyaadi.HTML">Önceki sayfa</a>
Bir e-posta adresine link vermek istiyorsanız:
<a href="mailto:mail@mail.com.tr">E-posta atmak için tıklayın. </a>
Bu linke tıklandığında bilgisayarda kurulu varsayılan e-posta okuma programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.
Aynı doküman içinde bağlantı kurmak istersek tutturucu noktaları (anchor points) kullanırız. Tutturucu HTML sayfasında bir yer işaretidir. İsmi ile bir bölgeyi belirler ve bu tutturucuya bir link verebilirsiniz. Bu sayfadaki her konu başlığına bir tutturucu belirlenmiştir. Sayfa başındaki listede herhangi bir başlığa tıkladığınızda sayfa içindeki ilgili konu başlığına gider. Örnek olarak Resim Ekleme bölümüne gitmek için buraya tıklayabilirsiniz. Tutturucuların kullanımı aşağıdaki gibidir.
Linkler başlığına aşağıdaki gibi bir tutturucu belirleriz.
<a name="link">Linkler</a>
Sayfanın herhangi bir bölümünde yukarıda belirlediğimiz tutturucuya aşağıdaki gibi link veririz
<a href="#link">Linklere git</a>
Sağ tarafta bulunan Başa Dön linkleri de bu şekilde hazırlanmıştır.
Resim ekleme:
<img src="resim.jpg" />
şeklinde olur. Dikkat etmemiz gereken kulanacağımız resmin dizin yapısıdır.
Bağımsız Değişkenler :
<img src="" width="" height="" border="" alt="" />
alt: Resme açıklama vermemizi sağlar. Fareyi resmin üstüne getirdiğimizde, alt değişkeninde yazılan açıklama ekranda çıkar. Eğer resim açılmazsa, onun yerine açıklama görünür.
src : Resim dosyasının kaynağını belirtir.
** Eğer web sayfasının arka planında bir imajın çıkması istenirse:
<body background="resim.jpg"> şeklinde yazılır.
Resimleri linke dönüştürmek için <a> etiketi ile <img> etiketini içiçe kullanırız.
<a href="http://www.metu.edu.tr" target="_blank"><img src="odtu.jpg" /></a>
Not: Resimlerin width ve height değişkenlerini belirtmeniz sayfanızın yüklenirken şeklinin bozulmasını önler.
Üç çesit liste vardır:
i. Sıralı Liste(Ordered List):
Örnek:
HTML etiketi
|
Etiketin Web Sayfasındaki görüntüsü
|
<ol type="1">Çerezler:
<li>Kavurga
<li>Çekirdek
<li>Mısır
<li>Cips
</ol>
<ol type="a">Içkiler:
<li>Bira
<li>Votka
<li>Şarap
<li>Viski
<li>Rakı
</ol>
|
Çerezler:
-
Kavurga
-
Çekirdek
-
Mısır
-
Cips
Içkiler:
-
Bira
-
Votka
-
Şarap
-
Viski
-
Rakı
|
Örnekte görüldüğü gibi type değişkeni sıralı listenin türünü belirler. Type değişkeni için aşağıdaki değerlerden biri kullanılabilir:
type: {1, a, A, I, i}
Listeyi start değişkeni ile istediğimiz sayıdan baslatabiliriz:
Örnek:
HTML etiketi
|
Etiketin Web Sayfasındaki görüntüsü
|
<ol start="199">Çerezler:
<li>Kavurga
<li>Çekirdek
<li>Mısır
<li>Cips
</ol>
|
Çerezler:
-
Kavurga
-
Çekirdek
-
Mısır
-
Cips
|
ii. Sırasız Liste(Unordered List):
Örnek:
HTML etiketi
|
Etiketin Web Sayfasındaki görüntüsü
|
<ul type="circle">Çerezler:
<li>Kavurga</li>
<li>Çekirdek</li>
<li>Mısır</li>
<li>Cips</li>
</ul>
<ul type="disc">Içkiler:
<li>Bira</li>
<li>Votka</li>
<li>Şarap</li>
<li>Viski</li>
<li>Rakı</li>
</ul>
|
Çerezler:
-
Kavurga
-
Çekirdek
-
Mısır
-
Cips
Içkiler:
-
Bira
-
Votka
-
Şarap
-
Viski
-
Rakı
|
|
|
|
|
|
|
| |
Bilgi Ögrendikçe Güzeldir.
|
|
|
|
|
|
|
|
