Ders 5 Html
DERS 5. Linkler (Bağlantılar)
Linkler HTML sayfasında oldukça önemli yere sahipler. Bir çok sayfayı bağlantı haline getirebilir, metinlere, resimlere link kazandırabiliriz.
<a href="....">...</a> Komutu ile kullanıcının başka bir dosyaya ulaşmasını sağlayabiliriz.
<a href="resim.gif"> Resmi görüntülemek için tıklayın</a> bu etiketle resme bağlantı özelliği kazandırdık ve tarayıcıda altı çizili link olarak görüntülenmesini sağladık.
<a href="anasayfa.htm">Anasayfaya gitmek için tıklayın</a> Bu komutla sayfaya bağlantı kazandırmış olduk.
<a href="http://webdevrimi.tr.gg/">Sitemi ziyaret edin</a> Bu komutla siteye bağlantı kazandırmış olduk.
<a href="mailto: emirhan_ozen_r.carlos@hotmail.com">E-posta adresimiz</a> Posta adresinin belirtilmiş olduğu mail programına bağlantı kazandırdık.
Resme bağlantı eklemek.
Şimdi <img> tagı ile tanışalım. Bu tag sayfaya resim gömmek için kullanılır.
<img src="resim.jpg"> şeklinde kullanılır.
<img src="resim.jpg" width=320 height=240> Burada resmin kaynağı, genişlik ve yüksekliği belirtilmiştir.
Şimdi bu etikete link kazandıracağız. Bunun için <a href>...</a> etiketinin arasına alıyoruz.
<a href="sayfa.htm"><img src="resim.jpg" width=320 height=240></a> Resim.jpg'ye tıklanınca sayfa.htm açılacak.
Linkler HTML sayfasında oldukça önemli yere sahipler. Bir çok sayfayı bağlantı haline getirebilir, metinlere, resimlere link kazandırabiliriz.
<a href="....">...</a> Komutu ile kullanıcının başka bir dosyaya ulaşmasını sağlayabiliriz.
<a href="resim.gif"> Resmi görüntülemek için tıklayın</a> bu etiketle resme bağlantı özelliği kazandırdık ve tarayıcıda altı çizili link olarak görüntülenmesini sağladık.
<a href="anasayfa.htm">Anasayfaya gitmek için tıklayın</a> Bu komutla sayfaya bağlantı kazandırmış olduk.
<a href="http://webdevrimi.tr.gg/">Sitemi ziyaret edin</a> Bu komutla siteye bağlantı kazandırmış olduk.
<a href="mailto: emirhan_ozen_r.carlos@hotmail.com">E-posta adresimiz</a> Posta adresinin belirtilmiş olduğu mail programına bağlantı kazandırdık.
Resme bağlantı eklemek.
Şimdi <img> tagı ile tanışalım. Bu tag sayfaya resim gömmek için kullanılır.
<img src="resim.jpg"> şeklinde kullanılır.
<img src="resim.jpg" width=320 height=240> Burada resmin kaynağı, genişlik ve yüksekliği belirtilmiştir.
Şimdi bu etikete link kazandıracağız. Bunun için <a href>...</a> etiketinin arasına alıyoruz.
<a href="sayfa.htm"><img src="resim.jpg" width=320 height=240></a> Resim.jpg'ye tıklanınca sayfa.htm açılacak.