You are on page 1of 12

BAĞLANTI (KÖPRÜ)

OLUŞTURMA
İÇERİK :

 Çoklu Ortam Araçları


 Resim Ekleme
 Bağlantı (Köprü) Oluşturma
 Sayfa Dışı Bağlantı Oluşturma
 E-posta Adresine Bağlantı Oluşturma
 Sayfa İçi Bağlantı Oluşturma
ÇOKLU ORTAM ARAÇLARI
• Resim Ekleme <img>

Sayfa içeriğine resim eklemek için kullanılan etiket <img> etiketidir.

<img> etiketi parametreleri;


• src: resmin kaynak dosyasını belirtir.

• width: resmin piksel cinsinden genişliğini belirtir.

• height: resmin piksel cinsinden yüksekliğini belirtir.

• border: resim etrafına çizilecek çerçevenin kalınlığına belirtir.

• title: resmin üzerine fare ile gelindiğinde görünmesi istenen metni belirtir.

• align: resmin hizalamasını belirtir.


ÇOKLU ORTAM ARAÇLARI
• Resim Ekleme <img>

<html>
<head><title>Resim Ekleme</title></head>
<body>
<img src=″ağaç.jpg″ width= ″300″ height= ″250″
align= ″center″ border= ″5″ title= ″:))″ >
</body>
</html>
BAĞLANTI OLUŞTURMA
• Sayfa Dışı Bağlantı Oluşturma

Sayfalar arası bağlantılar tanımlayarak başka sayfalara, dokümanlara, resimlere geçiş


yapabilirsiniz.
Sayfa dışına herhangi bir bağlantı (link, köprü) oluşturmak için <a href>…</a> html etiketleri
kullanılır.

• Herhangi bir web sayfasına bağlantı vermek için;

<a href= ″http://www.meb.gov.tr″ > Milli Eğitim Bakanlığı </a>

• Site içindeki bir web sayfasına bağlantı vermek için;

<a href= ″index.html″ > Ana Sayfa </a>


BAĞLANTI OLUŞTURMA
• Sayfa Dışı Bağlantı Oluşturma

• Herhangi bir yazıya tıklandığında resim açılması için;

<a href= ″okul.jpg″ > Okul resmini görmek için tıklayınız </a>

• Herhangi bir dosyaya bağlantı vermek için;

<a href= ″portlar.pdf″ > Portlar modülünü indirmek için tıklayınız. </a>

<a href= ″resimler.zip″ > Bilgisayarınıza indirmek için tıklayınız. </a>


BAĞLANTI OLUŞTURMA
• Sayfa Dışı Bağlantı Oluşturma

<a> etiketi parametresi;


• target: bağlantının açılacağı pencere belirlenir.
• target="_blank" : Bağlantının, yeni bir pencerede açılmasını sağlar.

• target="_self" : Bağlantının, aynı pencere içerisinde açılmasını sağlar.

• target="_top" : Bağlantının, aynı pencere içerisinde en üstten itibaren açılmasını sağlar.

• target="_parent" : Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerinde
açılmasını sağlar.

• target="çerçeve(frame) adı" : Bağlantının, adı verilen çerçevede açılmasını sağlamak için kullanılır.

<a href= "http://www.meb.gov.tr" target="_blank" > Milli Eğitim Bakanlığı </a>


BAĞLANTI OLUŞTURMA
• E-posta Adresine Bağlantı Oluşturma

Sayfa aracılığıyla istenilen herhangi bir e-posta adresine bağlantı oluşturulabilir.

E-posta adresine bağlantı oluşturmak için;


<a href=”mailto:e-posta adresi”>….</a> komutu kullanılır.

<a href= "mailto:etogm@meb.gov.tr" > E-posta göndermek için tıklayınız. </a>


BAĞLANTI OLUŞTURMA
• Sayfa İçi Bağlantı Oluşturma

Bir sayfadaki metne tıklayarak, aynı sayfanın başka bir bölümüne gidilebilir. Bu işlem çapa
olarak da adlandırılır.

Çapa oluşturma işlemi;


• <a href="#...">...</a>,
• <a name="....">...</a>
komutları kullanılarak yapılmaktadır.

<a href="#..."> ile tıklanmasını istenen metin;


<a name="...."> ile de gelmesi istenen bölüm belirlenir.
BAĞLANTI OLUŞTURMA
• Sayfa İçi Bağlantı Oluşturma

Html Nedir? Bağlantısına tıklandığında sayfa içindeki "ornek" isimli çapa tarayıcının en
üstünde görüntülenecek şekilde ekrana getirilir.
Uygulama 4 : Bağlantı Etiketlerinin Kullanımı

Sayfa içi, sayfa dışı bağlantılara dikkat ederek verilen metnin HTML kodlamasını yapınız..

You might also like